色見本
RGB
CMYK
RYB
#01b5df十六進の色コード十六進の色コード#01b5dfシアン色の色合いです。光の三原色RGBにおいて色モデル#01b5dfは0.39%の赤色、70.98%の绿色、87.45%の青色でできている。HSLで色彩空間#01b5dfは191.35度の色調、99.11%の彩度、43.92%の明るさを有している。この色は約500 nmの波長である。
#01b5df情報反転
#fe4a20 25% 飽和度
#00b5e0 濃淡階調
#707070
rgb(1, 181, 223)
rgba(1, 181, 223, 1.0)
赤色：0.3922%、黄色：39.3737%、青色：87.451%
#01b5df
112095
-16665121 / 0xff01b5df
hsl(191, 99%, 44%)
hsla(191, 99%, 44%, 1.0)
色調：191（191.3514）、彩度：100（99.5516）、値：87（87.451）
X：29.8557、Y：38.3819、Z：75.6469
x：0.2075、y：0.2668、Y：38.3819
L：68.3012、a：-23.4814、b：-31.7893
L：68.3012、u：-48.2968、v：-47.4229
L：68.3012、C：39.5213、H：233.5483
L：61.9531、a：-22.3975、b：-29.0279
シアン色：100（0.9955）、マゼンタ色：19（0.1883）、黄色：0（0）、黒色：13（0.1255）
シアン色：100（0.9961）、マゼンタ色：29（0.2902）、黄色：13（0.1255）
Y：131.968、I：-120.7219、Q：-24.9944
Y：131.968、U：44.7972、V：-114.9004
Y：131.968、Db：136.986、Dr：249.054
Y：129.335、Cb：173.078、Cr：45.998
Y：145.684、Pb：41.7、Pr：-91.932
5B 7/8近似、完全一致：Munsell 5B 7/8 / #48bce4
#01b5df配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#01b5df黒まで#01b5df白まで#01b5df前景
<p style="color: #01b5df; background-color: #000">#01b5df前景</p>
#01b5df背景
<p style="background-color: #01b5df">#01b5df背景</p>
#01b5df境界
<p style="border: #01b5df 3px solid">#01b5df境界</p>
#01b5df放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01b5df, #fff); background: -webkit-radial-gradient(50% 50%, #01b5df, #fff); background: -o-radial-gradient(50% 50%, #01b5df, #fff); background: -ms-radial-gradient(50% 50%, #01b5df, #fff); background: radial-gradient(50% 50%, #01b5df, #fff)">#01b5df放射状グラデーション</p>
#01b5dfを補足するための#df2b00線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01b5df, #df2b00); background: -webkit-linear-gradient(top, #01b5df, #df2b00); background: -o-linear-gradient(top, #01b5df, #df2b00); background: -ms-linear-gradient(top, #01b5df, #df2b00); background: linear-gradient(top, #01b5df, #df2b00); color: #000">#01b5dfを補足するための#df2b00線上グラデーション</p>
#01b5dfテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01b5df">#01b5dfテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01b5dfに関連している順番で並べらられている。関連は、十六進法の色#01b5dfの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：