HEX / RGB
画面の赤・緑・青チャンネルを数値または16進数で表します。
カラーコード変換器
HEX · RGB · HSL · HSV · CMYK
CSS名:gray#6366F1
HEX
RGB
HSL
HSV
CMYK
RGBスライダー
R99
G102
B241
最近の色
最近の色なし
カラーコードは同じ色を別の座標系で表します
Webデザイン、UI実装、印刷準備では、同じ色でもHEX、RGB、HSL、HSV、CMYKの表記が必要になります。この変換器はRGBを中心に各形式を同期し、最近の色と近いCSS色名も表示します。
色モデルの基本
HSL / HSV
色相、彩度、明るさ系の値で、色調整やパレット作成に向いています。
CMYK
印刷インク比率に近い考え方ですが、実際の出力はプロファイルや機器に左右されます。
使い方
- HEX、RGB、HSL、HSV、CMYKのいずれか分かる値を入力します。
- RGBスライダーや最近の色履歴で微調整します。
- 必要な形式をコピーしてCSS、デザインツール、仕様書に使います。
よくある質問
HEXとRGBは同じ色ですか？
はい。HEXはRGBの各チャンネル値を16進数で書いた表現です。
HSLはどんな時に便利ですか？
同じ色相のまま明るさや彩度を調整したい時に直感的です。
CMYK値をそのまま印刷に使えますか？
参考値として使えますが、最終色は印刷プロファイルや校正で確認してください。
画面色と印刷色はデバイス、プロファイル、紙、インク、照明で変わります。