#15281F

#15281F

ブラック系

カラーコード変換

形式
HEX#15281F
RGBrgb(21, 40, 31)
RGBArgba(21, 40, 31, 1)
HSLhsl(152, 31%, 12%)
HSVhsv(152, 48%, 16%)
CMYKcmyk(47%, 0%, 22%, 84%)
Aa

白背景

15.50:1AA適合

Aa

黒背景

1.36:1不適合


配色パレット提案

補色

色相環で180°反対に位置する色

#15281F#28151E

類似色

色相環で隣接する色

#152816#15281A#15281F#152824#152728

トライアド

色相環で120°間隔の3色

#15281F#1F1528#281F15

テトラード

色相環で90°間隔の4色

#15281F#161528#28151E#272815

モノクローム

同じ色相の明度バリエーション

#000000#000000#15281F#305A46#4A8C6D

スプリットコンプリメンタリー

補色の両隣の色

#15281F#281527#281615

CSSグラデーションサンプル

ライト → ダーク

linear-gradient(135deg, #417C60, #15281F, #000000)

補色グラデーション

linear-gradient(135deg, #15281F, #28151E)

類似色グラデーション

linear-gradient(135deg, #152816, #15281F, #152728)

ラジアルグロー

radial-gradient(circle, #15281F, #000000)

サンセット風

linear-gradient(to right, #15281F, #152728, #28151E)

オーバーレイ

linear-gradient(180deg, #15281FCC, #15281F33)

CSS使用例

背景色として使用

Hello, World!
background-color: #15281F;

テキスト色として使用

Color Text
color: #15281F;

ボーダー色として使用

ボーダー要素
border: 3px solid #15281F;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #15281F66;

関連するカラー