#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
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: