色見本
RGB
CMYK
RYB
#01e3c4十六進の色コード十六進の色コード#01e3c4シアン色の色合いです。光の三原色RGBにおいて色モデル#01e3c4は0.39%の赤色、89.02%の绿色、76.86%の青色でできている。HSLで色彩空間#01e3c4は171.77度の色調、99.12%の彩度、44.71%の明るさを有している。この色は約512 nmの波長である。
#01e3c4情報反転
#fe1c3b 25% 飽和度
#00e3c4 濃淡階調
#717171
rgb(1, 227, 196)
rgba(1, 227, 196, 1.0)
赤色：0.3922%、黄色：47.9689%、青色：89.0196%
#01e3c4
123844
-16653372 / 0xff01e3c4
hsl(172, 99%, 45%)
hsla(172, 99%, 45%, 1.0)
色調：172（171.7699）、彩度：100（99.5595）、値：89（89.0196）
X：37.4454、Y：58.9301、Z：61.6256
x：0.237、y：0.373、Y：58.9301
L：81.2532、a：-52.6531、b：2.2417
L：81.2532、u：-65.9622、v：11.7088
L：81.2532、C：52.7008、H：177.5621
L：76.766、a：-47.2706、b：6.1398
シアン色：100（0.9956）、マゼンタ色：0（0）、黄色：14（0.1366）、黒色：11（0.1098）
シアン色：100（0.9961）、マゼンタ色：11（0.1098）、黄色：23（0.2314）
Y：155.892、I：-124.6727、Q：-57.4342
Y：155.892、U：19.7377、V：-135.8897
Y：155.892、Db：60.377、Dr：294.531
Y：149.873、Cb：147.839、Cr：30.987
Y：176.63、Pb：10.49、Pr：-111.574
10G 8/10近似、完全一致：Munsell 10G 8/10 / #37e1c3
#01e3c4配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#01e3c4黒まで#01e3c4白まで#01e3c4前景
<p style="color: #01e3c4; background-color: #000">#01e3c4前景</p>
#01e3c4背景
<p style="background-color: #01e3c4">#01e3c4背景</p>
#01e3c4境界
<p style="border: #01e3c4 3px solid">#01e3c4境界</p>
#01e3c4放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01e3c4, #fff); background: -webkit-radial-gradient(50% 50%, #01e3c4, #fff); background: -o-radial-gradient(50% 50%, #01e3c4, #fff); background: -ms-radial-gradient(50% 50%, #01e3c4, #fff); background: radial-gradient(50% 50%, #01e3c4, #fff)">#01e3c4放射状グラデーション</p>
#01e3c4を補足するための#e3001f線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01e3c4, #e3001f); background: -webkit-linear-gradient(top, #01e3c4, #e3001f); background: -o-linear-gradient(top, #01e3c4, #e3001f); background: -ms-linear-gradient(top, #01e3c4, #e3001f); background: linear-gradient(top, #01e3c4, #e3001f); color: #000">#01e3c4を補足するための#e3001f線上グラデーション</p>
#01e3c4テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01e3c4">#01e3c4テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01e3c4に関連している順番で並べらられている。関連は、十六進法の色#01e3c4の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：