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