#7D058A

#7D058A

パープル系

カラーコード変換

形式
HEX#7D058A
RGBrgb(125, 5, 138)
RGBArgba(125, 5, 138, 1)
HSLhsl(294, 93%, 28%)
HSVhsv(294, 96%, 54%)
CMYKcmyk(9%, 96%, 0%, 46%)
Aa

白背景

9.29:1AA適合

Aa

黒背景

2.26:1不適合


配色パレット提案

補色

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

#7D058A#128A05

類似色

色相環で隣接する色

#3A058A#5B058A#7D058A#8A0576#8A0555

トライアド

色相環で120°間隔の3色

#7D058A#8A7D05#058A7D

テトラード

色相環で90°間隔の4色

#7D058A#8A3A05#128A05#05558A

モノクローム

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

#000000#3A0240#7D058A#BF08D4#E430F8

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

補色の両隣の色

#7D058A#558A05#058A3A

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

ライト → ダーク

linear-gradient(135deg, #E018F7, #7D058A, #0D010F)

補色グラデーション

linear-gradient(135deg, #7D058A, #128A05)

類似色グラデーション

linear-gradient(135deg, #3A058A, #7D058A, #8A0555)

ラジアルグロー

radial-gradient(circle, #7D058A, #0D010F)

サンセット風

linear-gradient(to right, #7D058A, #8A0555, #128A05)

オーバーレイ

linear-gradient(180deg, #7D058ACC, #7D058A33)

CSS使用例

背景色として使用

Hello, World!
background-color: #7D058A;

テキスト色として使用

Color Text
color: #7D058A;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #7D058A66;

関連するカラー