#01acd4
十六進の色コード十六進の色コード#01acd4
シアン色の色合いです。光の三原色RGBにおいて色モデル#01acd4
は0.39%の赤色、67.45%の绿色、83.14%の青色でできている。HSLで色彩空間#01acd4
は191.37度の色調、99.06%の彩度、41.76%の明るさを有している。この色は約500 nmの波長である。
#01acd4
情報反転
#fe532b 25% 飽和度
#00acd5 濃淡階調
#6a6a6a
rgb(1, 172, 212)
rgba(1, 172, 212, 1.0)
赤色:0.3922%、黄色:37.4325%、青色:83.1373%
#01acd4
109780
-16667436 / 0xff01acd4
hsl(191, 99%, 42%)
hsla(191, 99%, 42%, 1.0)
色調:191(191.3744)、彩度:100(99.5283)、値:83(83.1373)
X:26.6487、Y:34.265、Z:67.4966
x:0.2075、y:0.2668、Y:34.265
L:65.1723、a:-22.6286、b:-30.5789
L:65.1723、u:-46.0867、v:-45.1969
L:65.1723、C:38.0411、H:233.4983
L:58.5363、a:-21.1762、b:-27.3903
シアン色:100(0.9953)、マゼンタ色:19(0.1887)、黄色:0(0)、黒色:17(0.1686)
シアン色:100(0.9961)、マゼンタ色:33(0.3255)、黄色:17(0.1686)
Y:125.431、I:-114.718、Q:-23.7136
Y:125.431、U:42.601、V:-109.1654
Y:125.431、Db:130.27、Dr:236.623
Y:123.721、Cb:170.868、Cr:50.091
Y:138.457、Pb:39.665、Pr:-87.34
5B 6/8近似、完全一致:Munsell 5B 6/8 / #18a1c9
#01acd4
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#01acd4
黒まで#01acd4
白まで#01acd4
前景
<p style="color: #01acd4; background-color: #000">#01acd4前景</p>
#01acd4
背景
<p style="background-color: #01acd4">#01acd4背景</p>
#01acd4
境界
<p style="border: #01acd4 3px solid">#01acd4境界</p>
#01acd4
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01acd4, #fff); background: -webkit-radial-gradient(50% 50%, #01acd4, #fff); background: -o-radial-gradient(50% 50%, #01acd4, #fff); background: -ms-radial-gradient(50% 50%, #01acd4, #fff); background: radial-gradient(50% 50%, #01acd4, #fff)">#01acd4放射状グラデーション</p>
#01acd4
を補足するための#d42800
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01acd4, #d42800); background: -webkit-linear-gradient(top, #01acd4, #d42800); background: -o-linear-gradient(top, #01acd4, #d42800); background: -ms-linear-gradient(top, #01acd4, #d42800); background: linear-gradient(top, #01acd4, #d42800); color: #000">
#01acd4
を補足するための#d42800
線上グラデーション</p>
#01acd4
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01acd4">#01acd4テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01acd4
に関連している順番で並べらられている。関連は、十六進法の色#01acd4
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: