Viridian

ビリジアン

ビリジアンは19世紀初頭にフランスで開発された顔料で、銅を含むため時間とともに色合いが変わることがあります。印象派の画家たちに愛用されました。

ビリジアン

Viridian

#40826D

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

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

短縮不可

明暗バリエーション

#D9E6E2

#B3CDC5

#8CB4A7

#669B8A

#336857

#264E41

#1A342C

#0D1A16

TintShade

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

seagreen

コントラスト早見

4.53:1 白背景

✓ AA✓ AA Large✗ AAA✓ AAA Large

4.63:1 黒背景

✓ AA✓ AA Large✗ AAA✓ AAA Large

rgb(64, 130, 109)

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

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

vec3(0.251, 0.510, 0.427)

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

rgba(64, 130, 109, 1)

hsl(161, 34%, 38%)

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

161°

色相名 — 161° は青緑系

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

#824055

hsb(161, 51%, 51%)

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

161°

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

#40826D

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

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

短縮不可

明暗バリエーション

#D9E6E2

#B3CDC5

#8CB4A7

#669B8A

#336857

#264E41

#1A342C

#0D1A16

TintShade

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

seagreen

コントラスト早見

4.53:1 白背景

✓ AA✓ AA Large✗ AAA✓ AAA Large

4.63:1 黒背景

✓ AA✓ AA Large✗ AAA✓ AAA Large

rgb(64, 130, 109)

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

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

vec3(0.251, 0.510, 0.427)

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

rgba(64, 130, 109, 1)

hsl(161, 34%, 38%)

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

161°

色相名 — 161° は青緑系

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

#824055

hsb(161, 51%, 51%)

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

161°

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