色見本
RGB
CMYK
RYB
#01c4e8十六進の色コード十六進の色コード#01c4e8シアン色の色合いです。光の三原色RGBにおいて色モデル#01c4e8は0.39%の赤色、76.86%の绿色、90.98%の青色でできている。HSLで色彩空間#01c4e8は189.35度の色調、99.14%の彩度、45.69%の明るさを有している。この色は約501 nmの波長である。
#01c4e8情報反転
#fe3b17 25% 飽和度
#00c4e9 濃淡階調
#747474
rgb(1, 196, 232)
rgba(1, 196, 232, 1.0)
赤色：0.3922%、黄色：41.8586%、青色：90.9804%
#01c4e8
115944
-16661272 / 0xff01c4e8
hsl(189, 99%, 46%)
hsla(189, 99%, 46%, 1.0)
色調：189（189.3506）、彩度：100（99.569）、値：91（90.9804）
X：34.3179、Y：45.3125、Z：83.2814
x：0.2107、y：0.2781、Y：45.3125
L：73.0972、a：-28.0006、b：-29.2893
L：73.0972、u：-52.6632、v：-42.9788
L：73.0972、C：40.5203、H：226.2886
L：67.3146、a：-26.7986、b：-26.2332
シアン色：100（0.9957）、マゼンタ色：16（0.1552）、黄色：0（0）、黒色：9（0.0902）
シアン色：100（0.9961）、マゼンタ色：23（0.2314）、黄色：9（0.0902）
Y：141.799、I：-127.7301、Q：-30.0331
Y：141.799、U：44.3883、V：-123.5254
Y：141.799、Db：135.738、Dr：267.747
Y：137.777、Cb：172.664、Cr：39.839
Y：157.057、Pb：40.425、Pr：-99.156
2.5B 7/8近似、完全一致：Munsell 2.5B 7/8 / #3abedb
#01c4e8配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#01c4e8黒まで#01c4e8白まで#01c4e8前景
<p style="color: #01c4e8; background-color: #000">#01c4e8前景</p>
#01c4e8背景
<p style="background-color: #01c4e8">#01c4e8背景</p>
#01c4e8境界
<p style="border: #01c4e8 3px solid">#01c4e8境界</p>
#01c4e8放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01c4e8, #fff); background: -webkit-radial-gradient(50% 50%, #01c4e8, #fff); background: -o-radial-gradient(50% 50%, #01c4e8, #fff); background: -ms-radial-gradient(50% 50%, #01c4e8, #fff); background: radial-gradient(50% 50%, #01c4e8, #fff)">#01c4e8放射状グラデーション</p>
#01c4e8を補足するための#e82400線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01c4e8, #e82400); background: -webkit-linear-gradient(top, #01c4e8, #e82400); background: -o-linear-gradient(top, #01c4e8, #e82400); background: -ms-linear-gradient(top, #01c4e8, #e82400); background: linear-gradient(top, #01c4e8, #e82400); color: #000">#01c4e8を補足するための#e82400線上グラデーション</p>
#01c4e8テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01c4e8">#01c4e8テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01c4e8に関連している順番で並べらられている。関連は、十六進法の色#01c4e8の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：