#A542EB

#A542EB

ダークオーキッド系

カラーコード変換

形式
HEX#A542EB
RGBrgb(165, 66, 235)
RGBArgba(165, 66, 235, 1)
HSLhsl(275, 81%, 59%)
HSVhsv(275, 72%, 92%)
CMYKcmyk(30%, 72%, 0%, 8%)
Aa

白背景

4.59:1AA適合

Aa

黒背景

4.58:1AA適合


配色パレット提案

補色

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

#A542EB#88EB42

類似色

色相環で隣接する色

#5042EB#7A42EB#A542EB#CF42EB#EB42DD

トライアド

色相環で120°間隔の3色

#A542EB#EBA542#42EBA5

テトラード

色相環で90°間隔の4色

#A542EB#EB5042#88EB42#42DDEB

モノクローム

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

#540E86#7F15CB#A542EB#C687F2#E7CCFA

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

補色の両隣の色

#A542EB#DDEB42#42EB50

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

ライト → ダーク

linear-gradient(135deg, #DCB5F7, #A542EB, #62109D)

補色グラデーション

linear-gradient(135deg, #A542EB, #88EB42)

類似色グラデーション

linear-gradient(135deg, #5042EB, #A542EB, #EB42DD)

ラジアルグロー

radial-gradient(circle, #A542EB, #62109D)

サンセット風

linear-gradient(to right, #A542EB, #EB42DD, #88EB42)

オーバーレイ

linear-gradient(180deg, #A542EBCC, #A542EB33)

CSS使用例

背景色として使用

Hello, World!
background-color: #A542EB;

テキスト色として使用

Color Text
color: #A542EB;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー