ページを読み込んでいます
HEX、RGB、HSL、CMYK間のカラーコード変換。デザイナー・開発者必携のツール。
入力欄にHEX（#FF5733）、RGB（rgb(255,87,51)）、HSL（hsl(9,100%,60%)）のいずれかの形式でカラーコードを入力します。
入力したカラーが自動的にHEX、RGB、HSL、HSV、CMYKの各形式に変換されます。プレビューで色を視覚的に確認できます。
各形式の横にある「コピー」ボタンをクリックして、必要なカラーコードをクリップボードにコピーします。
HEX (#FF5733)、RGB (rgb(255,87,51))、HSL (hsl(9,100%,60%)) に対応
HEX
#3B82F6CSS RGB
rgb(59, 130, 246)CSS HSL
hsl(217, 91%, 60%)RGB
R: 59, G: 130, B: 246HSL
H: 217°, S: 91%, L: 60%HSV
H: 217°, S: 76%, V: 96%CMYK
C: 76%, M: 47%, Y: 0%, K: 4%※ CMYK/HSL/HSV は整数丸めのため、往復変換で±1〜2程度ズレる場合があります
カラー変換ツールは、Web開発やデザインで使用される様々な色表現形式を相互変換できるオンラインツールです。HEX（16進数）、RGB、HSL、HSV、CMYKなど主要なカラーフォーマットに対応し、デザインツールやCSSでの色指定を効率化します。入力と同時にリアルタイムで変換結果が表示され、プレビューで実際の色を確認できます。
HEXは16進数で色を表現し、CSSで広く使用されます。RGBは赤・緑・青の光の三原色で色を指定します。HSLは色相・彩度・明度で色を表現し、直感的な色調整に適しています。
CMYKはシアン（C）、マゼンタ（M）、イエロー（Y）、ブラック（K）の4色で色を表現する形式で、主に印刷で使用されます。RGBとは色域が異なるため、完全な変換は難しい場合があります。
CMYK、HSL、HSVは整数値に丸められるため、往復変換（例：HEX→HSL→HEX）で±1〜2程度の誤差が生じることがあります。これは正常な動作です。
HEX（#RGB、#RRGGBB）、RGB（rgb(R,G,B)）、HSL（hsl(H,S%,L%)）の3形式に対応しています。入力形式は自動で検出されます。
現在のバージョンでは透明度（アルファ値）には対応していません。不透明な色のみ変換できます。