カラーコンバータ、こんな感じ
カラーセレクタを動かすか、＃の後に3桁または6桁のHEX値を入力してください。 RGBとHSLの結果を一緒に見ることができます。
使用例
#3366FFはRGB(51, 102, 255)です。 #fffのように3桁で入力した色は6桁に拡大します。
知っておいてください
このツールは不透明な sRGB 色を処理します。アルファチャンネルを含む4桁・8桁のHEXはサポートしていません。
段階的な使い方
- ＃3366FFなどのHEX値を入力するか、カラーセレクタを使用してください。
- カラープレビューとRGB・HSL値を確認します。
- 結果コピーでCSSなどに必要な値を取得します。
三色表現
HEXはRGBチャンネル値を16進数で表示し、RGBは赤・緑・青をそれぞれ0～255の値で表します。 HSLは色角、彩度、明るさで表現します。このツールは不透明sRGBベースで、HSL値は整数に丸められます。カラーコントラストや印刷用のCMYK変換をチェックしません。
| HEX | RGB | HSL |
|---|---|---|
| #3366FF | 51, 102, 255 | 225°, 100%, 60% |
| #FFFFFF | 255, 255, 255 | 0°, 0%, 100% |
| #000000 | 0, 0, 0 | 0°, 0%, 0% |
よくある質問
#fffと#ffffffは同じ色ですか？
はい。 3桁のHEXの各文字を2回繰り返して6桁に展開します。
透明度を含む色になりますか？
現在は3桁・6桁HEXのみサポートしています。 4桁・8桁HEXとrgbaのアルファチャンネルは処理しません。
HSLに戻すと値が少し変わります。
画面のHSLは整数に丸められます。繰り返し変換に小さな違いが生じる可能性があるため、元のHEXを保存してください。
作成・運営：Moyoutil · 内容検討：2026-09-30 · エラー情報