色見本
RGB
CMYK
RYB
#02a0fe十六進の色コード十六進の色コード#02a0feシアン青色の色合いです。光の三原色RGBにおいて色モデル#02a0feは0.78%の赤色、62.75%の绿色、99.61%の青色でできている。HSLで色彩空間#02a0feは202.38度の色調、99.21%の彩度、50.2%の明るさを有している。この色は約493 nmの波長である。
#02a0fe情報反転
#fd5f01 25% 飽和度
#00a0ff 濃淡階調
#808080
rgb(2, 160, 254)
rgba(2, 160, 254, 1.0)
赤色：0.7843%、黄色：38.8675%、青色：99.6078%
#02a0fe
172286
-16604930 / 0xff02a0fe
hsl(202, 99%, 50%)
hsla(202, 99%, 50%, 1.0)
色調：202（202.381）、彩度：99（99.2126）、値：100（99.6078）
X：30.4852、Y：32.3103、Z：98.3957
x：0.1891、y：0.2004、Y：32.3103
L：63.5985、a：-0.8389、b：-56.1221
L：63.5985、u：-39.1531、v：-90.5142
L：63.5985、C：56.1284、H：269.1436
L：56.8421、a：-3.7417、b：-62.8436
シアン色：99（0.9921）、マゼンタ色：37（0.3701）、黄色：0（0）、黒色：0（0.0039）
シアン色：99（0.9922）、マゼンタ色：37（0.3725）、黄色：0（0.0039）
Y：123.474、I：-124.3219、Q：-4.1634
Y：123.474、U：64.2321、V：-106.5709
Y：123.474、Db：196.402、Dr：231.012
Y：122.046、Cb：192.65、Cr：51.964
Y：133.114、Pb：65.17、Pr：-83.324
2.5PB 6/12近似、完全一致：Munsell 2.5PB 6/12 / #149af3
#02a0fe配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02a0fe黒まで#02a0fe白まで#02a0fe前景
<p style="color: #02a0fe">#02a0fe前景</p>
#02a0fe背景
<p style="background-color: #02a0fe; color: #fff">#02a0fe背景</p>
#02a0fe境界
<p style="border: #02a0fe 3px solid">#02a0fe境界</p>
#02a0fe放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a0fe, #fff); background: -webkit-radial-gradient(50% 50%, #02a0fe, #fff); background: -o-radial-gradient(50% 50%, #02a0fe, #fff); background: -ms-radial-gradient(50% 50%, #02a0fe, #fff); background: radial-gradient(50% 50%, #02a0fe, #fff); color: #fff">#02a0fe放射状グラデーション</p>
#02a0feを補足するための#fe6001線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a0fe, #fe6001); background: -webkit-linear-gradient(top, #02a0fe, #fe6001); background: -o-linear-gradient(top, #02a0fe, #fe6001); background: -ms-linear-gradient(top, #02a0fe, #fe6001); background: linear-gradient(top, #02a0fe, #fe6001); color: #fff">#02a0feを補足するための#fe6001線上グラデーション</p>
#02a0feテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a0fe">#02a0feテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02a0feに関連している順番で並べらられている。関連は、十六進法の色#02a0feの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：