戻る

カラー変換

カラー・配色

読み込み中

ツールを読み込んでいます

ツールを準備しています。残り時間はまだわかりません。

このツールの処理はすべてブラウザー内で行われ、入力内容はサーバーへ送信されません。

このツールについて

3桁・6桁の HEX 色を RGB と HSL に変換します。

主な用途

  • 3桁・6桁の HEX 色を RGB と HSL に変換します。
  • #336699 や #369 のような HEX 値を入力します。

使い方

  1. 1.#336699 や #369 のような HEX 値を入力します。
  2. 2.色見本を確認し、HEX・RGB・HSL をコピーします。

入力と結果の例

入力と結果

#369
#336699 / rgb(51, 102, 153) / hsl(210, 50%, 40%)

3桁 HEX の各桁を複製してから RGB/HSL に変換します。

制限と注意事項

  • 入力は # 省略可能な HEX のみ。透明度や CSS 色名には非対応で、HSL は整数に丸めます。

よくある質問

このツールで何ができますか?

3桁・6桁の HEX 色を RGB と HSL に変換します。

結果を使う前に何を確認すべきですか?

入力は # 省略可能な HEX のみ。透明度や CSS 色名には非対応で、HSL は整数に丸めます。

関連ツール