Fuji Purple

藤色（ふじいろ）

藤色は平安時代の日本で最も高貴とされた色。藤の花の優雅な紫が貴族の衣装に用いられ、身分によって濃淡が厳密に定められていました。

藤色ふじいろ

Fuji Purple

藤色は平安時代の日本で最も高貴とされた色。藤の花の優雅な紫が貴族の衣装に用いられ、身分によって濃淡が厳密に定められていました。

#8F6592

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

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

短縮不可

明暗バリエーション

#E9E0E9

#D2C1D3

#BCA3BE

#A584A8

#725175

#563D58

#39283A

#1D141D

TintShade

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

gray

コントラスト早見

4.72:1 白背景

✓ AA✓ AA Large✗ AAA✓ AAA Large

4.44:1 黒背景

✗ AA✓ AA Large✗ AAA✗ AAA Large

rgb(143, 101, 146)

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

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

vec3(0.561, 0.396, 0.573)

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

rgba(143, 101, 146, 1)

hsl(296, 18%, 48%)

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

296°

色相名 — 296° は紫系

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

#679064

hsb(296, 31%, 57%)

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

296°

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

#8F6592

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

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

短縮不可

明暗バリエーション

#E9E0E9

#D2C1D3

#BCA3BE

#A584A8

#725175

#563D58

#39283A

#1D141D

TintShade

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

gray

コントラスト早見

4.72:1 白背景

✓ AA✓ AA Large✗ AAA✓ AAA Large

4.44:1 黒背景

✗ AA✓ AA Large✗ AAA✗ AAA Large

rgb(143, 101, 146)

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

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

vec3(0.561, 0.396, 0.573)

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

rgba(143, 101, 146, 1)

hsl(296, 18%, 48%)

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

296°

色相名 — 296° は紫系

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

#679064

hsb(296, 31%, 57%)

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

296°

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