» カラーコンバーター


HEX、RGB、RGBA、HSL、HSLA、HSV/HSB、CMYK、LAB、LCH、OKLAB、OKLCH、XYZ、CSSカラー名に対応したカラーコンバーターです。色コードをリアルタイムで変換し、すぐ使える値をコピーし、正確なCSS出力を1か所で確認できます。

初期データ

任意の形式を選び、値を入力すると、対応するすべてのカラーコードがすぐに更新されます。

入力形式
直接編集したい形式を選択してください。
#RGB#RGBA#RRGGBB#RRGGBBAA に対応しています。
例: tomato, rebeccapurple, royalblue, lightseagreen
赤、緑、青の値を0から255で入力してください。
透明度には0から1のアルファ値を使用してください。
CSS向けに色相、彩度、明度を調整できます。
HSLAはHSLにアルファ透明度を追加します。
色相、彩度、明るさで考えたい場合はHSVが便利です。
CMYKは主に印刷向けの色指定で使われます。
LABは知覚的な色空間で、画面のガマット外の色になることがあります。
LCHは知覚的な編集のために明度、クロマ、色相を分けます。
OKLABはUIやパレット向けの現代的な知覚色空間です。
OKLCHは知覚的な色相とクロマの調整をしやすくします。
XYZは変換でよく使われる基準色空間です。

図1 カラーコンバーター


HEX #3366CC
RGB rgb(51, 102, 204)
CMYK cmyk(75%, 50%, 0%, 20%)
カラーモードでは色相、彩度、明度を調整できます。

結果

変換後の色の値

よく使う形式

その他の形式

こちらも参照してください: