#A45EDEのRGB値は？

#A45EDE（ミディアムパープル系）のRGB値は、赤(R)=164、緑(G)=94、青(B)=222です。

#A45EDEの補色は？

#A45EDE（ミディアムパープル系）の補色は、色相環で180度反対に位置する色です。詳細はこのページの配色パレットセクションをご確認ください。

#A45EDEはどんな色？

#A45EDEはミディアムパープル系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

#A45EDEのカラーコード情報｜RGB, CMYK変換とおすすめ配色パレット

#A45EDE

ミディアムパープル系

カラーコード変換

形式	値
HEX	#A45EDE
RGB	rgb(164, 94, 222)
RGBA	rgba(164, 94, 222, 1)
HSL	hsl(273, 66%, 62%)
HSV	hsv(273, 58%, 87%)
CMYK	cmyk(26%, 58%, 0%, 13%)

白背景

4.01:1AA Large

黒背景

5.23:1AA適合

配色パレット提案

補色

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

#A45EDE#98DE5E

類似色

色相環で隣接する色

#655EDE#855EDE#A45EDE#C45EDE#DE5ED8

トライアド

色相環で120°間隔の3色

#A45EDE#DEA45E#5EDEA4

テトラード

色相環で90°間隔の4色

#A45EDE#DE655E#98DE5E#5ED8DE

モノクローム

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

#571C87#8029C7#A45EDE#C89EEB#ECDDF8

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

補色の両隣の色

#A45EDE#D8DE5E#5EDE65

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

ライト → ダーク

linear-gradient(135deg, #E0C8F4, #A45EDE, #65209D)

補色グラデーション

linear-gradient(135deg, #A45EDE, #98DE5E)

類似色グラデーション

linear-gradient(135deg, #655EDE, #A45EDE, #DE5ED8)

ラジアルグロー

radial-gradient(circle, #A45EDE, #65209D)

サンセット風

linear-gradient(to right, #A45EDE, #DE5ED8, #98DE5E)

オーバーレイ

linear-gradient(180deg, #A45EDECC, #A45EDE33)

CSS使用例

背景色として使用

Hello, World!

background-color: #A45EDE;

テキスト色として使用

Color Text

color: #A45EDE;

ボーダー色として使用

ボーダー要素

border: 3px solid #A45EDE;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #A45EDE66;