#1585E0のRGB値は？

#1585E0（ドジャーブルー系）のRGB値は、赤(R)=21、緑(G)=133、青(B)=224です。

#1585E0の補色は？

#1585E0（ドジャーブルー系）の補色は、色相環で180度反対に位置する色です。詳細はこのページの配色パレットセクションをご確認ください。

#1585E0はどんな色？

#1585E0はドジャーブルー系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

#1585E0のカラーコード情報｜RGB, CMYK変換とおすすめ配色パレット

#1585E0

ドジャーブルー系

カラーコード変換

形式	値
HEX	#1585E0
RGB	rgb(21, 133, 224)
RGBA	rgba(21, 133, 224, 1)
HSL	hsl(207, 83%, 48%)
HSV	hsv(207, 91%, 88%)
CMYK	cmyk(91%, 41%, 0%, 12%)

白背景

3.84:1AA Large

黒背景

5.46:1AA適合

配色パレット提案

補色

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

#1585E0#E07015

類似色

色相環で隣接する色

#15E0D6#15B7E0#1585E0#1552E0#151FE0

トライアド

色相環で120°間隔の3色

#1585E0#E01585#85E015

テトラード

色相環で90°間隔の4色

#1585E0#D615E0#E07015#1FE015

モノクローム

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

#083254#0E5B9A#1585E0#52A8EF#98CCF5

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

補色の両隣の色

#1585E0#E0151F#E0D615

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

ライト → ダーク

linear-gradient(135deg, #81C0F3, #1585E0, #0A406B)

補色グラデーション

linear-gradient(135deg, #1585E0, #E07015)

類似色グラデーション

linear-gradient(135deg, #15E0D6, #1585E0, #151FE0)

ラジアルグロー

radial-gradient(circle, #1585E0, #0A406B)

サンセット風

linear-gradient(to right, #1585E0, #151FE0, #E07015)

オーバーレイ

linear-gradient(180deg, #1585E0CC, #1585E033)

CSS使用例

背景色として使用

Hello, World!

background-color: #1585E0;

テキスト色として使用

Color Text

color: #1585E0;

ボーダー色として使用

ボーダー要素

border: 3px solid #1585E0;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #1585E066;