色見本
RGB
CMYK
RYB
#02a1fc十六進の色コード十六進の色コード#02a1fcシアン青色の色合いです。光の三原色RGBにおいて色モデル#02a1fcは0.78%の赤色、63.14%の绿色、98.82%の青色でできている。HSLで色彩空間#02a1fcは201.84度の色調、98.43%の彩度、49.8%の明るさを有している。この色は約493 nmの波長である。
#02a1fc情報反転
#fd5e03 25% 飽和度
#00a1fe 濃淡階調
#7f7f7f
rgb(2, 161, 252)
rgba(2, 161, 252, 1.0)
赤色：0.7843%、黄色：38.8974%、青色：98.8235%
#02a1fc
172540
-16604676 / 0xff02a1fc
hsl(202, 98%, 50%)
hsla(202, 98%, 50%, 1.0)
色調：202（201.84）、彩度：99（99.2063）、値：99（98.8235）
X：30.3406、Y：32.5309、Z：96.7754
x：0.19、y：0.2038、Y：32.5309
L：63.7793、a：-2.1603、b：-54.7432
L：63.7793、u：-39.596、v：-88.1114
L：63.7793、C：54.7858、H：267.7402
L：57.0359、a：-4.8586、b：-60.675
シアン色：99（0.9921）、マゼンタ色：36（0.3611）、黄色：0（0）、黒色：1（0.0118）
シアン色：99（0.9922）、マゼンタ色：37（0.3686）、黄色：1（0.0118）
Y：123.833、I：-123.9538、Q：-5.3082
Y：123.833、U：63.0713、V：-106.8859
Y：123.833、Db：192.853、Dr：231.694
Y：122.354、Cb：191.481、Cr：51.738
Y：133.685、Pb：63.785、Pr：-83.686
2.5PB 6/12近似、完全一致：Munsell 2.5PB 6/12 / #149af3
#02a1fc配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02a1fc黒まで#02a1fc白まで#02a1fc前景
<p style="color: #02a1fc">#02a1fc前景</p>
#02a1fc背景
<p style="background-color: #02a1fc; color: #fff">#02a1fc背景</p>
#02a1fc境界
<p style="border: #02a1fc 3px solid">#02a1fc境界</p>
#02a1fc放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a1fc, #fff); background: -webkit-radial-gradient(50% 50%, #02a1fc, #fff); background: -o-radial-gradient(50% 50%, #02a1fc, #fff); background: -ms-radial-gradient(50% 50%, #02a1fc, #fff); background: radial-gradient(50% 50%, #02a1fc, #fff); color: #fff">#02a1fc放射状グラデーション</p>
#02a1fcを補足するための#fc5d01線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a1fc, #fc5d01); background: -webkit-linear-gradient(top, #02a1fc, #fc5d01); background: -o-linear-gradient(top, #02a1fc, #fc5d01); background: -ms-linear-gradient(top, #02a1fc, #fc5d01); background: linear-gradient(top, #02a1fc, #fc5d01); color: #fff">#02a1fcを補足するための#fc5d01線上グラデーション</p>
#02a1fcテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a1fc">#02a1fcテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02a1fcに関連している順番で並べらられている。関連は、十六進法の色#02a1fcの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：