赤のカラーコード（赤系36色）

赤は、鮮やかなスカーレットやキャンディアップルレッドから、深い血の色、ローズウッドまで幅があります。このページでは、crimson、firebrick、indianredなど、CSSが名前で知っている11色の赤と赤みがかったオレンジに、スカーレット、カーマイン、バーミリオン、カーディナル、ルビーなど広く知られた名前を加えた赤36色を、HEX・RGB・HSL・HSV・CMYK・OKLCHのコードとともに紹介します。1色選ぶと、明るい版・暗い版、補色、黒と白のどちらの文字が読みやすいかがわかります。

使い方

1. リストから赤系の色を選びます。
2. 結果からHEX、RGB、HSL、CMYKのコードをコピーします。
3. 同じ赤のより明るい版と暗い版は、明るい版・暗い版の表を使います。
4. 全体の表ですべての赤を比べるか、色見本のチャートをダウンロードします。

計算式

明るい版 ＝ c + (255 − c) × p · 暗い版 ＝ c × (1 − p) · 補色 ＝ HSLの色相 + 180°

cはRGBの各チャンネル、pは混ぜる量（15〜75%）です。CMYKは単純な式 K = 1 − max(R′, G′, B′) を使っており、印刷会社はICCプロファイルで変換するため、数値が異なる場合があります。

計算例

クリムゾン（crimson）は #DC143C ＝ rgb(220, 20, 60)、hsl(348, 83.3%, 47.1%) です。補色はターコイズ系の #14DCB4 です。クリムゾンの上の白い文字は4.98:1で、WCAG AAの本文基準を満たします。一方、純粋な赤 #FF0000 の上の白い文字は4:1に届かないため、黒い文字（5.25:1）のほうが読みやすくなります。