#0079EB

#0079EB

ドジャーブルー系

カラーコード変換

形式
HEX#0079EB
RGBrgb(0, 121, 235)
RGBArgba(0, 121, 235, 1)
HSLhsl(209, 100%, 46%)
HSVhsv(209, 100%, 92%)
CMYKcmyk(100%, 49%, 0%, 8%)
Aa

白背景

4.26:1AA Large

Aa

黒背景

4.93:1AA適合


配色パレット提案

補色

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

#0079EB#EB7100

類似色

色相環で隣接する色

#00EBE7#00B4EB#0079EB#003FEB#0004EB

トライアド

色相環で120°間隔の3色

#0079EB#EB0079#79EB00

テトラード

色相環で90°間隔の4色

#0079EB#E700EB#EB7100#04EB00

モノクローム

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

#002A52#00529E#0079EB#389FFF#85C4FF

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

補色の両隣の色

#0079EB#EB0004#EBE700

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

ライト → ダーク

linear-gradient(135deg, #6BB8FF, #0079EB, #00376B)

補色グラデーション

linear-gradient(135deg, #0079EB, #EB7100)

類似色グラデーション

linear-gradient(135deg, #00EBE7, #0079EB, #0004EB)

ラジアルグロー

radial-gradient(circle, #0079EB, #00376B)

サンセット風

linear-gradient(to right, #0079EB, #0004EB, #EB7100)

オーバーレイ

linear-gradient(180deg, #0079EBCC, #0079EB33)

CSS使用例

背景色として使用

Hello, World!
background-color: #0079EB;

テキスト色として使用

Color Text
color: #0079EB;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #0079EB66;

関連するカラー