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