色見本
RGB
CMYK
RYB
#01c8e2十六進の色コード十六進の色コード#01c8e2シアン色の色合いです。光の三原色RGBにおいて色モデル#01c8e2は0.39%の赤色、78.43%の绿色、88.63%の青色でできている。HSLで色彩空間#01c8e2は186.93度の色調、99.12%の彩度、44.51%の明るさを有している。この色は約502 nmの波長である。
#01c8e2情報反転
#fe371d 25% 飽和度
#00c8e3 濃淡階調
#717171
rgb(1, 200, 226)
rgba(1, 200, 226, 1.0)
赤色：0.3922%、黄色：41.8045%、青色：88.6275%
#01c8e2
116962
-16660254 / 0xff01c8e2
hsl(187, 99%, 45%)
hsla(187, 99%, 45%, 1.0)
色調：187（186.9333）、彩度：100（99.5575）、値：89（88.6275）
X：34.3943、Y：46.806、Z：79.1732
x：0.2145、y：0.2919、Y：46.806
L：74.0655、a：-31.9106、b：-24.5614
L：74.0655、u：-54.4886、v：-34.5077
L：74.0655、C：40.2685、H：217.5853
L：68.4149、a：-29.9887、b：-20.723
シアン色：100（0.9956）、マゼンタ色：12（0.115）、黄色：0（0）、黒色：11（0.1137）
シアン色：100（0.9961）、マゼンタ色：22（0.2157）、黄色：11（0.1137）
Y：143.463、I：-126.9003、Q：-33.9902
Y：143.463、U：40.6169、V：-124.9853
Y：143.463、Db：124.208、Dr：270.909
Y：139.205、Cb：168.866、Cr：38.793
Y：159.485、Pb：35.885、Pr：-100.696
10BG 7/8近似、完全一致：Munsell 10BG 7/8 / #34bfd2
#01c8e2配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#01c8e2黒まで#01c8e2白まで#01c8e2前景
<p style="color: #01c8e2; background-color: #000">#01c8e2前景</p>
#01c8e2背景
<p style="background-color: #01c8e2">#01c8e2背景</p>
#01c8e2境界
<p style="border: #01c8e2 3px solid">#01c8e2境界</p>
#01c8e2放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01c8e2, #fff); background: -webkit-radial-gradient(50% 50%, #01c8e2, #fff); background: -o-radial-gradient(50% 50%, #01c8e2, #fff); background: -ms-radial-gradient(50% 50%, #01c8e2, #fff); background: radial-gradient(50% 50%, #01c8e2, #fff)">#01c8e2放射状グラデーション</p>
#01c8e2を補足するための#e21a00線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01c8e2, #e21a00); background: -webkit-linear-gradient(top, #01c8e2, #e21a00); background: -o-linear-gradient(top, #01c8e2, #e21a00); background: -ms-linear-gradient(top, #01c8e2, #e21a00); background: linear-gradient(top, #01c8e2, #e21a00); color: #000">#01c8e2を補足するための#e21a00線上グラデーション</p>
#01c8e2テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01c8e2">#01c8e2テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01c8e2に関連している順番で並べらられている。関連は、十六進法の色#01c8e2の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：