オレンジのカラーコード（オレンジ系の色）

オレンジは赤と黄の間にある色で、エネルギッシュで温かく、とてもよく目立ちます。そのため、安全用具や行動を促すボタンによく使われます。このページでは30色のオレンジを紹介します。CSSの色名のオレンジと赤みのあるオレンジ6色（orange、darkorange、orangered、coral、tomato、lightsalmon）に、タンジェリン、バーントオレンジ、パンプキン、パーシモン、アプリコット、アンバー、キャロット、セーフティオレンジ、インターナショナルオレンジを加え、HEX・RGB・HSL・HSV・CMYK・OKLCHのコード、ティントとシェード、それぞれに最適な文字色を示します。

使い方

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プロファイルで変換します。

計算例

タンジェリン #F28500 = rgb(242, 133, 0) は、CMYKで 0%, 45%, 100%, 5.1% に変換されます。CSSの orange #FFA500 の補色は青 #005AFF で、オレンジと青は代表的な補色の組み合わせです。ここにある30色のオレンジのうち29色では、白より黒い文字のほうが読みやすくなります。タンジェリンでは8.13:1です。