#B60ED8

#B60ED8

ダークオーキッド系

カラーコード変換

形式
HEX#B60ED8
RGBrgb(182, 14, 216)
RGBArgba(182, 14, 216, 1)
HSLhsl(290, 88%, 45%)
HSVhsv(290, 94%, 85%)
CMYKcmyk(16%, 94%, 0%, 15%)
Aa

白背景

5.19:1AA適合

Aa

黒背景

4.04:1AA Large


配色パレット提案

補色

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

#B60ED8#2FD80E

類似色

色相環で隣接する色

#510ED8#840ED8#B60ED8#D80EC7#D80E94

トライアド

色相環で120°間隔の3色

#B60ED8#D8B60E#0ED8B6

テトラード

色相環で90°間隔の4色

#B60ED8#D8510E#2FD80E#0E94D8

モノクローム

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

#3D0548#790990#B60ED8#D53FF3#E587F7

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

補色の両隣の色

#B60ED8#94D80E#0ED851

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

ライト → ダーク

linear-gradient(135deg, #DF6FF6, #B60ED8, #510660)

補色グラデーション

linear-gradient(135deg, #B60ED8, #2FD80E)

類似色グラデーション

linear-gradient(135deg, #510ED8, #B60ED8, #D80E94)

ラジアルグロー

radial-gradient(circle, #B60ED8, #510660)

サンセット風

linear-gradient(to right, #B60ED8, #D80E94, #2FD80E)

オーバーレイ

linear-gradient(180deg, #B60ED8CC, #B60ED833)

CSS使用例

背景色として使用

Hello, World!
background-color: #B60ED8;

テキスト色として使用

Color Text
color: #B60ED8;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー