🎨 カラーコード変換
HEX・RGB・HSL・CMYKカラーコードを相互変換。カラーパレット生成、WCAGコントラスト比チェック、最寄りCSS色名の表示にも対応しています。
最寄りCSS色名:
R
G
B
H
S
L
C
M
Y
K
カラーパレット
補色（コンプリメンタリー）
類似色（アナロガス）
トライアド
分裂補色（スプリットコンプリメンタリー）
WCAGコントラスト比チェッカー
サンプルテキスト Abc 123
コントラスト比
4.55 : 1
AA 通常
AA 大文字
AAA 通常
AAA 大文字
使い方・活用例
- デザインカンプのHEXカラーコードをRGB値に変換してCSS記述
- ブランドカラーの色コードを異なる形式（HEX/RGB/HSL）で共有
- 配色ツールで見つけた色をCSSで使える形式に変換
- 印刷物用のカラーコードをWeb用の形式に変換
よくある質問
カラーコード変換の使い方は？
HEX、RGB、HSLのいずれかの形式でカラーコードを入力すると、他の形式に自動変換されます。カラーピッカーも使えます。
CSSで使えるコードはコピーできますか？
はい。各形式の値をワンクリックでコピーし、CSSにそのまま貼り付けられます。
HEXとRGBの違いは何ですか？
HEXは16進数表記（例: #FF5733）、RGBは10進数表記（例: rgb(255, 87, 51)）です。同じ色を異なる形式で表現しています。
HSLカラーモデルとは何ですか？
HSLは色相(Hue)・彩度(Saturation)・明度(Lightness)で色を指定する形式です。直感的な色調整に適しています。
CMYKとは何ですか？Webで使えますか？
CMYKはシアン・マゼンタ・イエロー・ブラック（キー）の4色で構成される印刷用カラーモデルです。CSSでは直接使用できませんが、本ツールでRGBやHEXに変換してWebで利用できます。
WCAGコントラスト比とは何ですか？
WCAGコントラスト比は、テキスト色と背景色の明るさの差を数値化したものです。AA基準では通常テキストで4.5:1以上、大文字で3:1以上が必要です。AAA基準ではそれぞれ7:1以上、4.5:1以上が求められます。