#782812

#782812

マルーン系

カラーコード変換

形式
HEX#782812
RGBrgb(120, 40, 18)
RGBArgba(120, 40, 18, 1)
HSLhsl(13, 74%, 27%)
HSVhsv(13, 85%, 47%)
CMYKcmyk(0%, 67%, 85%, 53%)
Aa

白背景

9.95:1AA適合

Aa

黒背景

2.11:1不適合


配色パレット提案

補色

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

#782812#126278

類似色

色相環で隣接する色

#78122F#781215#782812#784112#785B12

トライアド

色相環で120°間隔の3色

#782812#127828#281278

テトラード

色相環で90°間隔の4色

#782812#2F7812#126278#5B1278

モノクローム

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

#000000#351208#782812#BA3E1C#E26340

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

補色の両隣の色

#782812#12785B#122F78

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

ライト → ダーク

linear-gradient(135deg, #DF512A, #782812, #090301)

補色グラデーション

linear-gradient(135deg, #782812, #126278)

類似色グラデーション

linear-gradient(135deg, #78122F, #782812, #785B12)

ラジアルグロー

radial-gradient(circle, #782812, #090301)

サンセット風

linear-gradient(to right, #782812, #785B12, #126278)

オーバーレイ

linear-gradient(180deg, #782812CC, #78281233)

CSS使用例

背景色として使用

Hello, World!
background-color: #782812;

テキスト色として使用

Color Text
color: #782812;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー