Kikyo Purple

桔梗色（ききょういろ）

桔梗色は江戸時代から愛される深い紫紺色で、家紋にも使われました。デジタルではRGB(95,75,155)に相当し、古典的な和の美しさとモダンデザインの融合に最適です。

桔梗色ききょういろ

Kikyo Purple

#5D4777

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

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

短縮不可

明暗バリエーション

#DFDAE4

#BEB5C9

#9E91AD

#7D6C92

#4A395F

#382B47

#251C30

#130E18

TintShade

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

darkslateblue

コントラスト早見

7.98:1 白背景

✓ AA✓ AA Large✓ AAA✓ AAA Large

2.63:1 黒背景

✗ AA✗ AA Large✗ AAA✗ AAA Large

rgb(93, 71, 119)

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

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

vec3(0.365, 0.278, 0.467)

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

rgba(93, 71, 119, 1)

hsl(267, 25%, 37%)

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

267°

色相名 — 267° は青紫系

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

#617647

hsb(267, 40%, 47%)

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

267°

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

#5D4777

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

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

短縮不可

明暗バリエーション

#DFDAE4

#BEB5C9

#9E91AD

#7D6C92

#4A395F

#382B47

#251C30

#130E18

TintShade

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

darkslateblue

コントラスト早見

7.98:1 白背景

✓ AA✓ AA Large✓ AAA✓ AAA Large

2.63:1 黒背景

✗ AA✗ AA Large✗ AAA✗ AAA Large

rgb(93, 71, 119)

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

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

vec3(0.365, 0.278, 0.467)

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

rgba(93, 71, 119, 1)

hsl(267, 25%, 37%)

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

267°

色相名 — 267° は青紫系

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

#617647

hsb(267, 40%, 47%)

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

267°

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