Color Converter

このツールについて

HEX — CSSとデザインツールで広く使われる6桁16進数。RGB — 画面のネイティブフォーマット、0～255のR/G/B値。HSL — 色相(0～360°)、彩度(0～100%)、輝度(0～100%); 色調整に直感的。CMYK — 印刷デザインに使うシアン、マゼンタ、イエロー、キー(黒)の割合。

編集可能なフィールドに直接入力してEnterを押すか、フィールドの外をクリックして変換します。カラーピッカーやプリセットスウォッチで素早く選択できます。

使い方

1. カラーピッカーかプリセットスウォッチをクリックして開始色を選びます。
2. HEX、RGB、HSLフィールドに値を入力してEnterを押し変換します。
3. 任意のフォーマット横のコピーをクリックしてその値をクリップボードにコピーします。

活用事例

フロントエンド開発者がデザインツールの色(多くはHEX)をCSS変数に変換します。印刷デザイナーが画面の色をCMYKに変換します。ブランドガイドラインでは通常、複数フォーマットで色を指定します。

よくある質問

• CMYKに入力フィールドがないのはなぜですか？ — CMYKは印刷用の減法混色モデルです。CMYKをRGB/HEXに戻す変換は色域の違いにより不可逆なので、RGB→CMYKの変換のみ表示されます。
• HSL値は丸められますか？ — はい、表示のため最も近い整数に丸められます。
• HSLとHSV/HSBの違いは？ — HSLは輝度を使います(0%=黒、100%=白、50%=純粋な色)。HSV/HSBは明度を使います(0%=黒、100%=最大強度)。このツールはHSLを使います。