色見本
RGB
CMYK
RYB
#01a2d2十六進の色コード十六進の色コード#01a2d2シアン色の色合いです。光の三原色RGBにおいて色モデル#01a2d2は0.39%の赤色、63.53%の绿色、82.35%の青色でできている。HSLで色彩空間#01a2d2は193.78度の色調、99.05%の彩度、41.37%の明るさを有している。この色は約498 nmの波長である。
#01a2d2情報反転
#fe5d2d 25% 飽和度
#00a2d3 濃淡階調
#696969
rgb(1, 162, 210)
rgba(1, 162, 210, 1.0)
赤色：0.3922%、黄色：36.0562%、青色：82.3529%
#01a2d2
107218
-16669998 / 0xff01a2d2
hsl(194, 99%, 41%)
hsla(194, 99%, 41%, 1.0)
色調：194（193.7799）、彩度：100（99.5238）、値：82（82.3529）
X：24.5657、Y：30.5003、Z：65.5652
x：0.2036、y：0.2528、Y：30.5003
L：62.0835、a：-18.0734、b：-34.2622
L：62.0835、u：-42.8342、v：-51.5905
L：62.0835、C：38.7369、H：242.1882
L：55.227、a：-17.2482、b：-31.7298
シアン色：100（0.9952）、マゼンタ色：23（0.2286）、黄色：0（0）、黒色：18（0.1765）
シアン色：100（0.9961）、マゼンタ色：36（0.3647）、黄色：18（0.1765）
Y：119.333、I：-111.3309、Q：-19.1099
Y：119.333、U：44.6176、V：-103.8155
Y：119.333、Db：136.434、Dr：225.029
Y：118.485、Cb：172.9、Cr：53.913
Y：131.163、Pb：42.515、Pr：-82.708
5B 6/8近似、完全一致：Munsell 5B 6/8 / #18a1c9
#01a2d2配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#01a2d2黒まで#01a2d2白まで#01a2d2前景
<p style="color: #01a2d2">#01a2d2前景</p>
#01a2d2背景
<p style="background-color: #01a2d2; color: #fff">#01a2d2背景</p>
#01a2d2境界
<p style="border: #01a2d2 3px solid">#01a2d2境界</p>
#01a2d2放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a2d2, #fff); background: -webkit-radial-gradient(50% 50%, #01a2d2, #fff); background: -o-radial-gradient(50% 50%, #01a2d2, #fff); background: -ms-radial-gradient(50% 50%, #01a2d2, #fff); background: radial-gradient(50% 50%, #01a2d2, #fff); color: #fff">#01a2d2放射状グラデーション</p>
#01a2d2を補足するための#d23000線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a2d2, #d23000); background: -webkit-linear-gradient(top, #01a2d2, #d23000); background: -o-linear-gradient(top, #01a2d2, #d23000); background: -ms-linear-gradient(top, #01a2d2, #d23000); background: linear-gradient(top, #01a2d2, #d23000); color: #fff">#01a2d2を補足するための#d23000線上グラデーション</p>
#01a2d2テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01a2d2">#01a2d2テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01a2d2に関連している順番で並べらられている。関連は、十六進法の色#01a2d2の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：