色見本
RGB
CMYK
RYB
#02a6fe十六進の色コード十六進の色コード#02a6feシアン青色の色合いです。光の三原色RGBにおいて色モデル#02a6feは0.78%の赤色、65.1%の绿色、99.61%の青色でできている。HSLで色彩空間#02a6feは200.95度の色調、99.21%の彩度、50.2%の明るさを有している。この色は約493 nmの波長である。
#02a6fe情報反転
#fd5901 25% 飽和度
#00a6ff 濃淡階調
#808080
rgb(2, 166, 254)
rgba(2, 166, 254, 1.0)
赤色：0.7843%、黄色：39.7436%、青色：99.6078%
#02a6fe
173822
-16603394 / 0xff02a6fe
hsl(201, 99%, 50%)
hsla(201, 99%, 50%, 1.0)
色調：201（200.9524）、彩度：99（99.2126）、値：100（99.6078）
X：31.5506、Y：34.4411、Z：98.7508
x：0.1915、y：0.2091、Y：34.4411
L：65.3112、a：-4.2796、b：-53.4015
L：65.3112、u：-41.0811、v：-85.9709
L：65.3112、C：53.5728、H：265.4181
L：58.6865、a：-6.7375、b：-58.6857
シアン色：99（0.9921）、マゼンタ色：35（0.3465）、黄色：0（0）、黒色：0（0.0039）
シアン色：99（0.9922）、マゼンタ色：35（0.349）、黄色：0（0.0039）
Y：126.996、I：-125.9686、Q：-7.2989
Y：126.996、U：62.499、V：-109.6609
Y：126.996、Db：191.104、Dr：237.708
Y：125.07、Cb：190.904、Cr：49.756
Y：137.404、Pb：62.86、Pr：-86.048
2.5PB 6/12近似、完全一致：Munsell 2.5PB 6/12 / #149af3
#02a6fe配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02a6fe黒まで#02a6fe白まで#02a6fe前景
<p style="color: #02a6fe; background-color: #000">#02a6fe前景</p>
#02a6fe背景
<p style="background-color: #02a6fe">#02a6fe背景</p>
#02a6fe境界
<p style="border: #02a6fe 3px solid">#02a6fe境界</p>
#02a6fe放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a6fe, #fff); background: -webkit-radial-gradient(50% 50%, #02a6fe, #fff); background: -o-radial-gradient(50% 50%, #02a6fe, #fff); background: -ms-radial-gradient(50% 50%, #02a6fe, #fff); background: radial-gradient(50% 50%, #02a6fe, #fff)">#02a6fe放射状グラデーション</p>
#02a6feを補足するための#fe5a01線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a6fe, #fe5a01); background: -webkit-linear-gradient(top, #02a6fe, #fe5a01); background: -o-linear-gradient(top, #02a6fe, #fe5a01); background: -ms-linear-gradient(top, #02a6fe, #fe5a01); background: linear-gradient(top, #02a6fe, #fe5a01); color: #000">#02a6feを補足するための#fe5a01線上グラデーション</p>
#02a6feテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02a6fe">#02a6feテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02a6feに関連している順番で並べらられている。関連は、十六進法の色#02a6feの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：