#D145DE

#D145DE

ミディアムオーキッド系

カラーコード変換

形式
HEX#D145DE
RGBrgb(209, 69, 222)
RGBArgba(209, 69, 222, 1)
HSLhsl(295, 70%, 57%)
HSVhsv(295, 69%, 87%)
CMYKcmyk(6%, 69%, 0%, 13%)
Aa

白背景

3.74:1AA Large

Aa

黒背景

5.62:1AA適合


配色パレット提案

補色

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

#D145DE#51DE45

類似色

色相環で隣接する色

#8545DE#AB45DE#D145DE#DE45C5#DE459E

トライアド

色相環で120°間隔の3色

#D145DE#DED145#45DED1

テトラード

色相環で90°間隔の4色

#D145DE#DE8545#51DE45#459EDE

モノクローム

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

#6D1575#AA20B6#D145DE#E186EA#F1C7F5

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

補色の両隣の色

#D145DE#9EDE45#45DE85

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

ライト → ダーク

linear-gradient(135deg, #ECB1F1, #D145DE, #81188B)

補色グラデーション

linear-gradient(135deg, #D145DE, #51DE45)

類似色グラデーション

linear-gradient(135deg, #8545DE, #D145DE, #DE459E)

ラジアルグロー

radial-gradient(circle, #D145DE, #81188B)

サンセット風

linear-gradient(to right, #D145DE, #DE459E, #51DE45)

オーバーレイ

linear-gradient(180deg, #D145DECC, #D145DE33)

CSS使用例

背景色として使用

Hello, World!
background-color: #D145DE;

テキスト色として使用

Color Text
color: #D145DE;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #D145DE66;

関連するカラー