色見本
RGB
CMYK
RYB
#01b8ce十六進の色コード十六進の色コード#01b8ceシアン色の色合いです。光の三原色RGBにおいて色モデル#01b8ceは0.39%の赤色、72.16%の绿色、80.78%の青色でできている。HSLで色彩空間#01b8ceは186.44度の色調、99.03%の彩度、40.59%の明るさを有している。この色は約503 nmの波長である。
#01b8ce情報反転
#fe4731 25% 飽和度
#00b8cf 濃淡階調
#676767
rgb(1, 184, 206)
rgba(1, 184, 206, 1.0)
赤色：0.3922%、黄色：38.3091%、青色：80.7843%
#01b8ce
112846
-16664370 / 0xff01b8ce
hsl(186, 99%, 41%)
hsla(186, 99%, 41%, 1.0)
色調：186（186.439）、彩度：100（99.5146）、値：81（80.7843）
X：28.2936、Y：38.7437、Z：64.3796
x：0.2153、y：0.2948、Y：38.7437
L：68.5652、a：-30.6537、b：-22.0627
L：68.5652、u：-50.6534、v：-30.1945
L：68.5652、C：37.7678、H：215.744
L：62.2444、a：-27.7894、b：-17.7527
シアン色：100（0.9951）、マゼンタ色：11（0.1068）、黄色：0（0）、黒色：19（0.1922）
シアン色：100（0.9961）、マゼンタ色：28（0.2784）、黄色：19（0.1922）
Y：131.791、I：-116.0838、Q：-31.8515
Y：131.791、U：36.5186、V：-114.7452
Y：131.791、Db：111.676、Dr：248.713
Y：129.181、Cb：164.742、Cr：46.101
Y：146.605、Pb：32.045、Pr：-92.512
10BG 7/8近似、完全一致：Munsell 10BG 7/8 / #34bfd2
#01b8ce配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#01b8ce黒まで#01b8ce白まで#01b8ce前景
<p style="color: #01b8ce; background-color: #000">#01b8ce前景</p>
#01b8ce背景
<p style="background-color: #01b8ce">#01b8ce背景</p>
#01b8ce境界
<p style="border: #01b8ce 3px solid">#01b8ce境界</p>
#01b8ce放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01b8ce, #fff); background: -webkit-radial-gradient(50% 50%, #01b8ce, #fff); background: -o-radial-gradient(50% 50%, #01b8ce, #fff); background: -ms-radial-gradient(50% 50%, #01b8ce, #fff); background: radial-gradient(50% 50%, #01b8ce, #fff)">#01b8ce放射状グラデーション</p>
#01b8ceを補足するための#ce1700線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01b8ce, #ce1700); background: -webkit-linear-gradient(top, #01b8ce, #ce1700); background: -o-linear-gradient(top, #01b8ce, #ce1700); background: -ms-linear-gradient(top, #01b8ce, #ce1700); background: linear-gradient(top, #01b8ce, #ce1700); color: #000">#01b8ceを補足するための#ce1700線上グラデーション</p>
#01b8ceテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01b8ce">#01b8ceテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01b8ceに関連している順番で並べらられている。関連は、十六進法の色#01b8ceの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：