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

紫は赤と青の間にあり、淡いラベンダーやライラックから、濃いエッグプラントやティリアンパープルまで続きます。このページでは、rebeccapurple、indigo、orchid、plumなど16色のCSS色名に、アメジスト、ライラック、ウィステリア、モーブ、ビザンティウムなどを加えた紫・バイオレット36色を、HEX・RGB・HSL・CMYK・OKLCHのコード、明るい版・暗い版、補色、読みやすい文字色とともに紹介します。

使い方

1. 紫またはバイオレット系の色を選びます。
2. HEX、RGB、HSL、CMYKのコードをコピーします。
3. 明るい版は背景に、暗い版は文字に使います。
4. 表ですべての紫を比べるか、チャートをダウンロードします。

計算式

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

紫はHSLでおおよそ260°〜300°の色相なので、補色は黄緑系になります。CSSにない名前は一般的な参考値に従っています。

計算例

レベッカパープル（rebeccapurple）は #663399 ＝ rgb(102, 51, 153) ＝ hsl(270, 50%, 40%) です。色相90°にある補色はオリーブグリーン #669933 で、こちらも同じチャンネル値が並べ替わった色です。