#12DEDA

#12DEDA

ダークターコイズ系

カラーコード変換

形式
HEX#12DEDA
RGBrgb(18, 222, 218)
RGBArgba(18, 222, 218, 1)
HSLhsl(179, 85%, 47%)
HSVhsv(179, 92%, 87%)
CMYKcmyk(92%, 0%, 2%, 13%)
Aa

白背景

1.68:1不適合

Aa

黒背景

12.49:1AA適合


配色パレット提案

補色

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

#12DEDA#DE1215

類似色

色相環で隣接する色

#12DE74#12DEA7#12DEDA#12AEDE#127BDE

トライアド

色相環で120°間隔の3色

#12DEDA#DA12DE#DEDA12

テトラード

色相環で90°間隔の4色

#12DEDA#7412DE#DE1215#7BDE12

モノクローム

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

#07504F#0C9795#12DEDA#4CF0EE#92F6F5

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

補色の両隣の色

#12DEDA#DE127B#DE7412

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

ライト → ダーク

linear-gradient(135deg, #7BF4F2, #12DEDA, #086866)

補色グラデーション

linear-gradient(135deg, #12DEDA, #DE1215)

類似色グラデーション

linear-gradient(135deg, #12DE74, #12DEDA, #127BDE)

ラジアルグロー

radial-gradient(circle, #12DEDA, #086866)

サンセット風

linear-gradient(to right, #12DEDA, #127BDE, #DE1215)

オーバーレイ

linear-gradient(180deg, #12DEDACC, #12DEDA33)

CSS使用例

背景色として使用

Hello, World!
background-color: #12DEDA;

テキスト色として使用

Color Text
color: #12DEDA;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #12DEDA66;

関連するカラー