#D25AED

#D25AED

オーキッド系

カラーコード変換

形式
HEX#D25AED
RGBrgb(210, 90, 237)
RGBArgba(210, 90, 237, 1)
HSLhsl(289, 80%, 64%)
HSVhsv(289, 62%, 93%)
CMYKcmyk(11%, 62%, 0%, 7%)
Aa

白背景

3.27:1AA Large

Aa

黒背景

6.43:1AA適合


配色パレット提案

補色

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

#D25AED#75ED5A

類似色

色相環で隣接する色

#885AED#AD5AED#D25AED#ED5AE3#ED5ABE

トライアド

色相環で120°間隔の3色

#D25AED#EDD25A#5AEDD2

テトラード

色相環で90°間隔の4色

#D25AED#ED885A#75ED5A#5ABEED

モノクローム

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

#83119C#BC19E1#D25AED#E59FF4#F7E3FC

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

補色の両隣の色

#D25AED#BEED5A#5AED88

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

ライト → ダーク

linear-gradient(135deg, #F1CDF9, #D25AED, #9614B3)

補色グラデーション

linear-gradient(135deg, #D25AED, #75ED5A)

類似色グラデーション

linear-gradient(135deg, #885AED, #D25AED, #ED5ABE)

ラジアルグロー

radial-gradient(circle, #D25AED, #9614B3)

サンセット風

linear-gradient(to right, #D25AED, #ED5ABE, #75ED5A)

オーバーレイ

linear-gradient(180deg, #D25AEDCC, #D25AED33)

CSS使用例

背景色として使用

Hello, World!
background-color: #D25AED;

テキスト色として使用

Color Text
color: #D25AED;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー