#126DA5のRGB値は？

#126DA5（ティール系）のRGB値は、赤(R)=18、緑(G)=109、青(B)=165です。

#126DA5の補色は？

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

#126DA5はどんな色？

#126DA5はティール系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

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

#126DA5

ティール系

カラーコード変換

形式	値
HEX	#126DA5
RGB	rgb(18, 109, 165)
RGBA	rgba(18, 109, 165, 1)
HSL	hsl(203, 80%, 36%)
HSV	hsv(203, 89%, 65%)
CMYK	cmyk(89%, 34%, 0%, 35%)

白背景

5.59:1AA適合

黒背景

3.76:1AA Large

配色パレット提案

補色

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

#126DA5#A54B12

類似色

色相環で隣接する色

#12A594#1292A5#126DA5#1248A5#1223A5

トライアド

色相環で120°間隔の3色

#126DA5#A5126D#6DA512

テトラード

色相環で90°間隔の4色

#126DA5#9412A5#A54B12#23A512

モノクローム

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

#03121C#0B4060#126DA5#1E99E6#63B8EE

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

補色の両隣の色

#126DA5#A51223#A59412

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

ライト → ダーク

linear-gradient(135deg, #4CAEEB, #126DA5, #062132)

補色グラデーション

linear-gradient(135deg, #126DA5, #A54B12)

類似色グラデーション

linear-gradient(135deg, #12A594, #126DA5, #1223A5)

ラジアルグロー

radial-gradient(circle, #126DA5, #062132)

サンセット風

linear-gradient(to right, #126DA5, #1223A5, #A54B12)

オーバーレイ

linear-gradient(180deg, #126DA5CC, #126DA533)

CSS使用例

背景色として使用

Hello, World!

background-color: #126DA5;

テキスト色として使用

Color Text

color: #126DA5;

ボーダー色として使用

ボーダー要素

border: 3px solid #126DA5;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #126DA566;