色見本
RGB
CMYK
RYB
#5bb5fe十六進の色コード十六進の色コード#5bb5feシアン青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#5bb5feは35.69%の赤色、70.98%の绿色、99.61%の青色でできている。HSLで色彩空間#5bb5feは206.87度の色調、98.79%の彩度、67.65%の明るさを有している。この色は約490 nmの波長である。
#5bb5fe情報反転
#a44a01 25% 飽和度
#5ab5ff 濃淡階調
#acacac
rgb(91, 181, 254)
rgba(91, 181, 254, 1.0)
赤色：35.6863%、黄色：58.4252%、青色：99.6078%
#5bb5fe
6010366
-10766850 / 0xff5bb5fe
hsl(207, 99%, 68%)
hsla(207, 99%, 68%, 1.0)
色調：207（206.8712）、彩度：64（64.1732）、値：100（99.6078）
X：38.7277、Y：42.4277、Z：99.9141
x：0.2139、y：0.2343、Y：42.4277
L：71.1648、a：-5.0316、b：-44.0664
L：71.1648、u：-36.0235、v：-70.9123
L：71.1648、C：44.3527、H：263.4861
L：65.1365、a：-7.8597、b：-45.3505
シアン色：64（0.6417）、マゼンタ色：29（0.2874）、黄色：0（0）、黒色：0（0.0039）
シアン色：64（0.6431）、マゼンタ色：29（0.2902）、黄色：0（0.0039）
Y：162.412、I：-77.0666、Q：3.6818
Y：162.412、U：45.0715、V：-62.6507
Y：162.412、Db：137.809、Dr：135.811
Y：155.503、Cb：173.367、Cr：83.307
Y：167.086、Pb：46.85、Pr：-48.358
2.5PB 7/10（近似の）
#5bb5fe配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#5bb5fe黒まで#5bb5fe白まで#5bb5fe前景
<p style="color: #5bb5fe; background-color: #000">#5bb5fe前景</p>
#5bb5fe背景
<p style="background-color: #5bb5fe">#5bb5fe背景</p>
#5bb5fe境界
<p style="border: #5bb5fe 3px solid">#5bb5fe境界</p>
#5bb5fe放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5bb5fe, #fff); background: -webkit-radial-gradient(50% 50%, #5bb5fe, #fff); background: -o-radial-gradient(50% 50%, #5bb5fe, #fff); background: -ms-radial-gradient(50% 50%, #5bb5fe, #fff); background: radial-gradient(50% 50%, #5bb5fe, #fff)">#5bb5fe放射状グラデーション</p>
#5bb5feを補足するための#fea45a線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5bb5fe, #fea45a); background: -webkit-linear-gradient(top, #5bb5fe, #fea45a); background: -o-linear-gradient(top, #5bb5fe, #fea45a); background: -ms-linear-gradient(top, #5bb5fe, #fea45a); background: linear-gradient(top, #5bb5fe, #fea45a); color: #000">#5bb5feを補足するための#fea45a線上グラデーション</p>
#5bb5feテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #5bb5fe">#5bb5feテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#5bb5feに関連している順番で並べらられている。関連は、十六進法の色#5bb5feの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：