色相ごとに「黒白どちらも読みやすい HEX 色」を例示
以下はすべて 相対輝度 0.10〜0.30 の範囲に調整した色 です。
🔵 青系（Blue）
HEX 相対輝度 説明
#0A2A66 0.10 深い青（白文字が強く読みやすい）
#1E4C8A 0.18 中間の青
#3A6FB0 0.29 明るめの青（黒文字も読める）
#0A2A66
#0A2A66
#1E4C8A
#1E4C8A
#3A6FB0
#3A6FB0
🔴 赤系（Red）
HEX 相対輝度 説明
#660A0A 0.10 深い赤
#8A1E1E 0.18 中間の赤
#B03A3A 0.29 明るめの赤
#660A0A
#660A0A
#8A1E1E
#8A1E1E
#B03A3A
#B03A3A
🟢 緑系（Green）
HEX 相対輝度 説明
#0A660A 0.10 深い緑
#1E8A1E 0.18 中間の緑
#3AB03A 0.29 明るめの緑
#0A660A
#0A660A
#1E8A1E
#1E8A1E
#3AB03A
#3AB03A
🟡 黄色系（Yellow）
黄色は本来明度が高いので、暗めに調整する必要があります。
HEX 相対輝度 説明
#665A0A 0.10 深い黄土色
#8A7A1E 0.18 中間の黄土色
#B0A03A 0.29 明るめの黄土色（黒文字も読める）
#665A0A
#665A0A
#8A7A1E
#8A7A1E
#B0A03A
#B0A03A
#333333 0.10 黒寄りのダークグレー（白文字が強く読みやすい）
#555555 0.18 中間のダークグレー
#777777 0.28 明るめのダークグレー（黒文字も読める）
#333333
#333333
#555555
#555555
#777777
#777777
