計算・変換ツール入力を送らない・登録不要ツールを探す

色

#1a80b2 のカラーコード

HEX・RGB・HSL・CMYK の値、補色や配色パターン、白・黒の文字を乗せたときのコントラスト比をまとめています。

#1a80b2
HEX#1a80b2
RGBrgb(26, 128, 178)
HSLhsl(200, 75%, 40%)
CMYK(目安)cmyk(85%, 28%, 0%, 30%)

補色・配色パターン

明るさのバリエーション

文字色との見やすさ(WCAG)

あいう Aa 123

白の文字:コントラスト比 4.40 : 1(AA(大きい文字のみ))

あいう Aa 123

黒の文字:コントラスト比 4.77 : 1(AA)

ほかの色をカラーコード変換ツールで調べる