紫(#800080)のRGB・HSL・CMYK換算、コントラスト比、明度違いの色見本を確認できます。
| HEX | #800080 |
|---|---|
| RGB | rgb(128, 0, 128) |
| HSL | hsl(300, 100%, 25%) |
| CMYK近似 | C0% M100% Y0% K50% |
#800080を背景にする場合、白文字とのコントラスト比は9.42:1、黒文字とは2.23:1。 WCAG AA(通常文字)の基準は4.5:1以上です。ほかの色との組み合わせはカラーコントラストチェッカーで確認できます。
色相・彩度はそのままに明度だけを95%〜5%まで変えた色見本です。クリックでHEX値をコピーできます。
#9400d3 ダークオーキッド #9932cc ダークマゼンタ #8b008b レベッカパープル #663399 インディゴ #4b0082 ダークスレートブルー #483d8b → カラーコード一覧(色見本・HEX/RGB早見表)をすべて見る
紫は赤紫系の暗い紫。CSSのpurpleは中間の明るさです。カラーコードは#800080、RGB値はrgb(128, 0, 128)、HSLではhsl(300, 100%, 25%)になります。 CSSでは色名「purple」としてそのまま指定できる標準色(named color)のひとつです。
color: #800080; のようにHEX値で指定するのが最も一般的です。rgba(128, 0, 128, 0.5) のようにRGBA表記を使います。