#061312

#061312

ブラック系

カラーコード変換

形式
HEX#061312
RGBrgb(6, 19, 18)
RGBArgba(6, 19, 18, 1)
HSLhsl(175, 52%, 5%)
HSVhsv(175, 68%, 7%)
CMYKcmyk(68%, 0%, 5%, 93%)
Aa

白背景

18.93:1AA適合

Aa

黒背景

1.11:1不適合


配色パレット提案

補色

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

#061312#130607

類似色

色相環で隣接する色

#06130C#06130F#061312#061113#060E13

トライアド

色相環で120°間隔の3色

#061312#120613#131206

テトラード

色相環で90°間隔の4色

#061312#0C0613#130607#0E1306

モノクローム

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

#000000#000000#061312#184E49#2B8880

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

補色の両隣の色

#061312#13060E#130C06

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

ライト → ダーク

linear-gradient(135deg, #25746E, #061312, #000000)

補色グラデーション

linear-gradient(135deg, #061312, #130607)

類似色グラデーション

linear-gradient(135deg, #06130C, #061312, #060E13)

ラジアルグロー

radial-gradient(circle, #061312, #000000)

サンセット風

linear-gradient(to right, #061312, #060E13, #130607)

オーバーレイ

linear-gradient(180deg, #061312CC, #06131233)

CSS使用例

背景色として使用

Hello, World!
background-color: #061312;

テキスト色として使用

Color Text
color: #061312;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー