Indigo

インディゴ

インディゴは藍染めの伝統から生まれた色で、化学合成されるまで何千年も天然の藍から抽出されていました。デニムの象徴色として現代ファッションでも愛され続けています。

インディゴ

Indigo

#4B0082

HEX—16進数表記。Web・CSS・デザインツールで最も広く使われる形式

Short HEX — 各チャンネルが同じ2桁の場合に短縮可能

短縮不可

明暗バリエーション

#DBCCE6

#B799CD

#9366B4

#6F339B

#3C0068

#2D004E

#1E0034

#0F001A

TintShade

CSS Named Color — 最近傍（RGB 距離 0）

indigo

コントラスト早見

12.95:1 白背景

✓ AA✓ AA Large✓ AAA✓ AAA Large

1.62:1 黒背景

✗ AA✗ AA Large✗ AAA✗ AAA Large

rgb(75, 0, 130)

RGB—赤・緑・青の光の三原色。各チャンネル0〜255で表現

正規化 RGB — 0〜1 で表現。シェーダー・Unity・Three.js で使用

vec3(0.294, 0.000, 0.510)

rgba() — CSS の rgba 表記（alpha 付き）

rgba(75, 0, 130, 1)

hsl(275, 100%, 25%)

HSL—色相・彩度・明度。人間の感覚に近い直感的な表現

275°

100

色相名 — 275° は青紫系

補色 — 色相 +180°（95°）

#358000

hsb(275, 100%, 51%)

HSB—色相・彩度・明度（輝度）。Photoshopなどで採用される形式

275°

100

HSB は HSV（Hue / Saturation / Value）とも呼ばれる同一モデル。Photoshop のカラーピッカーはこの値を直接入力できる

#4B0082

HEX—16進数表記。Web・CSS・デザインツールで最も広く使われる形式

Short HEX — 各チャンネルが同じ2桁の場合に短縮可能

短縮不可

明暗バリエーション

#DBCCE6

#B799CD

#9366B4

#6F339B

#3C0068

#2D004E

#1E0034

#0F001A

TintShade

CSS Named Color — 最近傍（RGB 距離 0）

indigo

コントラスト早見

12.95:1 白背景

✓ AA✓ AA Large✓ AAA✓ AAA Large

1.62:1 黒背景

✗ AA✗ AA Large✗ AAA✗ AAA Large

rgb(75, 0, 130)

RGB—赤・緑・青の光の三原色。各チャンネル0〜255で表現

正規化 RGB — 0〜1 で表現。シェーダー・Unity・Three.js で使用

vec3(0.294, 0.000, 0.510)

rgba() — CSS の rgba 表記（alpha 付き）

rgba(75, 0, 130, 1)

hsl(275, 100%, 25%)

HSL—色相・彩度・明度。人間の感覚に近い直感的な表現

275°

100

色相名 — 275° は青紫系

補色 — 色相 +180°（95°）

#358000

hsb(275, 100%, 51%)

HSB—色相・彩度・明度（輝度）。Photoshopなどで採用される形式

275°

100

HSB は HSV（Hue / Saturation / Value）とも呼ばれる同一モデル。Photoshop のカラーピッカーはこの値を直接入力できる