カラーコード変換
HEX・RGB・HSL・CMYKを相互に変換
Web・開発者無料・登録不要端末の中で処理
白い文字 3.24:1黒い文字 6.49:1
HEXは「#RGB」「#RRGGBB」、RGBは0〜255、HSLは色相0〜360・彩度と明度は0〜100%で入れます。HSLとCMYKは整数に丸めて表示するため、行き来すると1ずれることがあります。CMYKは単純な計算式による近似で、印刷会社の色設定（ICCプロファイル）による変換とは一致しません。印刷の色は入稿先の指定で確かめてください。コントラスト比はWCAG 2の計算式で、文字なら4.5:1以上が目安です。
次はこちら
カラーコード変換の使い方
- 「色を選ぶ」で色を選ぶか、「HEX」「RGB」「HSL」「CMYK」のどれかの欄にカラーコードを入れます。
- ほかの形式の欄と色の見本が、すぐに切り替わります。
- 使いたい形式の「コピー」ボタンを押します。白い文字・黒い文字とのコントラスト比も確かめられます。
よくある質問
Q. CMYKの値は印刷にそのまま使えますか？
A. そのままは使えません。単純な計算式による近似で、印刷会社の色設定による変換とは一致しないため、入稿先の指定で確かめてください。
Q. #RGBの3桁の書き方も使えますか？
A. 使えます。#F0Aは#FF00AAと同じ色として読みます。#は省略してもかまいません。
Q. コントラスト比の目安は？
A. WCAG 2では、通常の文字は4.5:1以上、大きな文字は3:1以上が読みやすさの目安です。
このツールについて
カラーコード変換の無料ツール。HEX・RGB・HSL・CMYKを相互に変換。登録不要で、入力した内容はブラウザの中だけで処理します。
最終更新：2026/10/19