カラーコード変換（HEX・RGB・HSL・HSV・CMYK）
ローカル処理HEX・RGB・HSL・HSV・CMYKのカラーコードを相互に変換します。
使い方と処理基準
HEX・RGB・HSL・HSV・CMYKのカラーコードを相互に変換します。
ツールの処理はブラウザ内で行われます。計算・変換の共有リンクを作成すると値がURLに含まれます。アカウント・アクセス解析・広告の情報はプライバシーポリシーをご確認ください。
処理制限
- 最大入力文字数: 100,000文字
「作業」で変換の方向を選び色を入れると、HEX・RGB・HSL・HSV・CMYKを一緒に表示します。CMYKは印刷プロファイルなしで計算した数学的な近似値です。
CMYKはデバイスに依存しない近似値です。実際の印刷色は印刷所のプロファイルで確認してください。
できること
- HEX ↔ RGB
- #3366cc ↔ rgb(51, 102, 204)のようにWebで最もよく使う2つの表記を変換します。
- HSL・HSV
- 色相・彩度・明度にして色を調整しやすくします。
- CMYK
- 印刷用のC・M・Y・Kの割合に変換したり戻したりします。
カラーコード変換（HEX・RGB・HSL・HSV・CMYK）の使い方
- 1作業を選ぶHEX → RGBなど方向を選びます。
- 2色を入力HEX・RGB・HSLの値を入れるか、カラーピッカーで選びます。
- 3コピー必要な表記をコピーします。
活用例
HEX → RGB・HSL・HSV・CMYK
入力: #3366cc
結果: rgb(51, 102, 204)、hsl(220, 60%, 50%)、hsv(220, 75%, 80%)、cmyk(75%, 50%, 0%, 20%)
RGB → HEX
入力: 255, 99, 71
結果: #ff6347
CMYK → RGB
入力: C 0、M 100、Y 100、K 0
結果: #ff0000、rgb(255, 0, 0)
主な利用シーン
- デザインカンプのHEX値をCSSのrgb()・hsl()に移すとき
- ブランドカラーの印刷用CMYK近似値を見るとき
- HSLにして明度だけ少し変えた色を作るとき
よくある質問 (FAQ)
#36cのような3桁のHEXも使えますか？
はい。3桁は各桁を2回書いたもの（#3366cc）として読みます。