#566ab9
十六進の色コード十六進の色コード#566ab9
青色の色合いです。光の三原色RGBにおいて色モデル#566ab9
は33.73%の赤色、41.57%の绿色、72.55%の青色でできている。HSLで色彩空間#566ab9
は227.88度の色調、41.42%の彩度、53.14%の明るさを有している。この色は約477 nmの波長である。
#566ab9
情報反転
#a99546 25% 飽和度
#4962c5 濃淡階調
#878787
rgb(86, 106, 185)
rgba(86, 106, 185, 1.0)
赤色:33.7255%、黄色:40.2505%、青色:72.549%
#566ab9
5663417
-11113799 / 0xff566ab9
hsl(228, 41%, 53%)
hsla(228, 41%, 53%, 1.0)
色調:228(227.8788)、彩度:54(53.5135)、値:73(72.549)
X:17.7487、Y:15.7893、Z:48.0111
x:0.2176、y:0.1936、Y:15.7893
L:46.6968、a:15.5447、b:-44.1287
L:46.6968、u:-11.9825、v:-67.8987
L:46.6968、C:46.7865、H:289.4052
L:39.7357、a:10.193、b:-43.8228
シアン色:54(0.5351)、マゼンタ色:43(0.427)、黄色:0(0)、黒色:27(0.2745)
シアン色:66(0.6627)、マゼンタ色:58(0.5843)、黄色:27(0.2745)
Y:109.026、I:-37.2941、Q:20.3505
Y:109.026、U:37.3877、V:-20.2008
Y:109.026、Db:114.307、Dr:43.803
Y:109.656、Cb:165.641、Cr:113.611
Y:107.428、Pb:41.8、Pr:-13.634
7.5PB 5/10近似、完全一致:Munsell 7.5PB 5/10 / #6974c5
#566ab9
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#566ab9
黒まで#566ab9
白まで#566ab9
前景
<p style="color: #566ab9">#566ab9前景</p>
#566ab9
背景
<p style="background-color: #566ab9; color: #fff">#566ab9背景</p>
#566ab9
境界
<p style="border: #566ab9 3px solid">#566ab9境界</p>
#566ab9
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #566ab9, #fff); background: -webkit-radial-gradient(50% 50%, #566ab9, #fff); background: -o-radial-gradient(50% 50%, #566ab9, #fff); background: -ms-radial-gradient(50% 50%, #566ab9, #fff); background: radial-gradient(50% 50%, #566ab9, #fff); color: #fff">#566ab9放射状グラデーション</p>
#566ab9
を補足するための#b8a456
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #566ab9, #b8a456); background: -webkit-linear-gradient(top, #566ab9, #b8a456); background: -o-linear-gradient(top, #566ab9, #b8a456); background: -ms-linear-gradient(top, #566ab9, #b8a456); background: linear-gradient(top, #566ab9, #b8a456); color: #fff">
#566ab9
を補足するための#b8a456
線上グラデーション</p>
#566ab9
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #566ab9">#566ab9テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#566ab9
に関連している順番で並べらられている。関連は、十六進法の色#566ab9
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: