#557cbf
十六進の色コード十六進の色コード#557cbf
シアン青色の色合いです。光の三原色RGBにおいて色モデル#557cbf
は33.33%の赤色、48.63%の绿色、74.9%の青色でできている。HSLで色彩空間#557cbf
は217.92度の色調、45.3%の彩度、54.12%の明るさを有している。この色は約483 nmの波長である。Duron Dazzleはペイントカラーに調和している。
#557cbf
情報反転
#aa8340 25% 飽和度
#4778cc 濃淡階調
#8a8a8a
25% 明るく
#87a2d1 オリジナル
#557cbf 25% 暗く
#385b96
スチールブルー/steelblue
#4682b4 25% 不飽和度
#627fb1 ウェブセーフ:fuchsia
#ff00ff
rgb(85, 124, 191)
rgba(85, 124, 191, 1.0)
赤色:33.3333%、黄色:44.5139%、青色:74.902%
#557cbf
5602495
-11174721 / 0xff557cbf
hsl(218, 45%, 54%)
hsla(218, 45%, 54%, 1.0)
色調:218(217.9245)、彩度:55(55.4974)、値:75(74.902)
X:20.3579、Y:20.1082、Z:52.0985
x:0.2199、y:0.2172、Y:20.1082
L:51.9593、a:6.2307、b:-39.2582
L:51.9593、u:-18.6288、v:-60.7579
L:51.9593、C:39.7496、H:279.0183
L:44.8422、a:2.5636、b:-37.4948
シアン色:55(0.555)、マゼンタ色:35(0.3508)、黄色:0(0)、黒色:25(0.251)
シアン色:67(0.6667)、マゼンタ色:51(0.5137)、黄色:25(0.251)
Y:119.977、I:-44.7575、Q:12.5993
Y:119.977、U:34.9513、V:-30.6857
Y:119.977、Db:106.861、Dr:66.526
Y:119.059、Cb:163.185、Cr:106.122
Y:120.517、Pb:37.985、Pr:-22.582
5PB 5/8近似、完全一致:Munsell 5PB 5/8 / #587bb8
#557cbf
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#557cbf
黒まで#557cbf
白まで#557cbf
前景
<p style="color: #557cbf">#557cbf前景</p>
#557cbf
背景
<p style="background-color: #557cbf; color: #fff">#557cbf背景</p>
#557cbf
境界
<p style="border: #557cbf 3px solid">#557cbf境界</p>
#557cbf
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #557cbf, #fff); background: -webkit-radial-gradient(50% 50%, #557cbf, #fff); background: -o-radial-gradient(50% 50%, #557cbf, #fff); background: -ms-radial-gradient(50% 50%, #557cbf, #fff); background: radial-gradient(50% 50%, #557cbf, #fff); color: #fff">#557cbf放射状グラデーション</p>
#557cbf
を補足するための#bf9754
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #557cbf, #bf9754); background: -webkit-linear-gradient(top, #557cbf, #bf9754); background: -o-linear-gradient(top, #557cbf, #bf9754); background: -ms-linear-gradient(top, #557cbf, #bf9754); background: linear-gradient(top, #557cbf, #bf9754); color: #fff">
#557cbf
を補足するための#bf9754
線上グラデーション</p>
#557cbf
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #557cbf">#557cbfテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#557cbf
に関連している順番で並べらられている。関連は、十六進法の色#557cbf
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: