#A55055のRGB値は？

#A55055（インディアンレッド系）のRGB値は、赤(R)=165、緑(G)=80、青(B)=85です。

#A55055の補色は？

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

#A55055はどんな色？

#A55055はインディアンレッド系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

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

#A55055

インディアンレッド系

カラーコード変換

形式	値
HEX	#A55055
RGB	rgb(165, 80, 85)
RGBA	rgba(165, 80, 85, 1)
HSL	hsl(356, 35%, 48%)
HSV	hsv(356, 52%, 65%)
CMYK	cmyk(0%, 52%, 48%, 35%)

白背景

5.41:1AA適合

黒背景

3.88:1AA Large

配色パレット提案

補色

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

#A55055#50A5A0

類似色

色相環で隣接する色

#A55080#A5506B#A55055#A55F50#A57550

トライアド

色相環で120°間隔の3色

#A55055#55A550#5055A5

テトラード

色相環で90°間隔の4色

#A55055#80A550#50A5A0#7550A5

モノクローム

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

#3E1E20#72373B#A55055#C28084#DBB3B6

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

補色の両隣の色

#A55055#50A575#5080A5

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

ライト → ダーク

linear-gradient(135deg, #D2A2A5, #A55055, #4F2629)

補色グラデーション

linear-gradient(135deg, #A55055, #50A5A0)

類似色グラデーション

linear-gradient(135deg, #A55080, #A55055, #A57550)

ラジアルグロー

radial-gradient(circle, #A55055, #4F2629)

サンセット風

linear-gradient(to right, #A55055, #A57550, #50A5A0)

オーバーレイ

linear-gradient(180deg, #A55055CC, #A5505533)

CSS使用例

背景色として使用

Hello, World!

background-color: #A55055;

テキスト色として使用

Color Text

color: #A55055;

ボーダー色として使用

ボーダー要素

border: 3px solid #A55055;

シャドウとして使用

Shadow

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