#02455b
十六進の色コード十六進の色コード#02455b
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#02455b
は0.78%の赤色、27.06%の绿色、35.69%の青色でできている。HSLで色彩空間#02455b
は194.83度の色調、95.7%の彩度、18.24%の明るさを有している。この色は約497 nmの波長である。
#02455b
情報反転
#fdbaa4 25% 飽和度
#00465d 濃淡階調
#2e2e2e
25% 明るく
#025671 オリジナル
#02455b 25% 暗く
#013344
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0d3f4f ウェブセーフ:blue
#0000ff
rgb(2, 69, 91)
rgba(2, 69, 91, 1.0)
赤色:0.7843%、黄色:15.7743%、青色:35.6863%
#02455b
148827
-16628389 / 0xff02455b
hsl(195, 96%, 18%)
hsla(195, 96%, 18%, 1.0)
色調:195(194.8315)、彩度:98(97.8022)、値:36(35.6863)
X:4.0415、Y:5.0245、Z:10.6543
x:0.2049、y:0.2548、Y:5.0245
L:26.8044、a:-9.9848、b:-18.3614
L:26.8044、u:-18.3591、v:-21.7109
L:26.8044、C:20.9006、H:241.4629
L:22.4154、a:-7.0433、b:-12.4906
シアン色:98(0.978)、マゼンタ色:24(0.2418)、黄色:0(0)、黒色:64(0.6431)
シアン色:99(0.9922)、マゼンタ色:73(0.7294)、黄色:64(0.6431)
Y:51.475、I:-46.9808、Q:-7.3226
Y:51.475、U:19.4504、V:-43.4052
Y:51.475、Db:59.476、Dr:94.085
Y:60.208、Cb:147.574、Cr:97.025
Y:56.313、Pb:18.705、Pr:-34.512
5B 3/4近似、完全一致:Munsell 5B 3/4 / #1a4d63
#02455b
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02455b
黒まで#02455b
白まで#02455b
前景
<p style="color: #02455b">#02455b前景</p>
#02455b
背景
<p style="background-color: #02455b; color: #fff">#02455b背景</p>
#02455b
境界
<p style="border: #02455b 3px solid">#02455b境界</p>
#02455b
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02455b, #fff); background: -webkit-radial-gradient(50% 50%, #02455b, #fff); background: -o-radial-gradient(50% 50%, #02455b, #fff); background: -ms-radial-gradient(50% 50%, #02455b, #fff); background: radial-gradient(50% 50%, #02455b, #fff); color: #fff">#02455b放射状グラデーション</p>
#02455b
を補足するための#5a1802
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02455b, #5a1802); background: -webkit-linear-gradient(top, #02455b, #5a1802); background: -o-linear-gradient(top, #02455b, #5a1802); background: -ms-linear-gradient(top, #02455b, #5a1802); background: linear-gradient(top, #02455b, #5a1802); color: #fff">
#02455b
を補足するための#5a1802
線上グラデーション</p>
#02455b
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02455b">#02455bテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02455b
に関連している順番で並べらられている。関連は、十六進法の色#02455b
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: