カラーコード変換
HEX(#カラーコード)・RGB・HSLのどれかを入力すると、ほかの形式に変換します。カラーピッカーで色を選ぶこともできます。
HEX
RGB
HSL
CMYK
明るさ違い(クリックで選択)
配色の組み合わせ
文字色にしたときのコントラスト比
WCAGの基準では、通常の文字は4.5以上、大きな文字は3以上が推奨されています。
カラーコードの種類
HEXは「#2f6fed」のように赤・緑・青を16進数2桁ずつで表す形式で、CSSやデザインツールでもっともよく使われます。RGBは同じ情報を0〜255の数値で表したもの、HSLは色相・彩度・明度で表すため、明るさだけを変えたいときに便利です。
CMYKの値について
表示しているCMYKは画面の色から単純に計算した目安です。印刷物の色は用紙やプリンターによって変わるため、入稿時は印刷会社の指定に従ってください。