色見本
RGB
CMYK
RYB
#02a2fb十六進の色コード十六進の色コード#02a2fbシアン青色の色合いです。光の三原色RGBにおいて色モデル#02a2fbは0.78%の赤色、63.53%の绿色、98.43%の青色でできている。HSLで色彩空間#02a2fbは201.45度の色調、98.42%の彩度、49.61%の明るさを有している。この色は約493 nmの波長である。
#02a2fb情報反転
#fd5d04 25% 飽和度
#00a2fc 濃淡階調
#7e7e7e
rgb(2, 162, 251)
rgba(2, 162, 251, 1.0)
赤色：0.7843%、黄色：38.9837%、青色：98.4314%
#02a2fb
172795
-16604421 / 0xff02a2fb
hsl(201, 98%, 50%)
hsla(201, 98%, 50%, 1.0)
色調：201（201.4458）、彩度：99（99.2032）、値：98（98.4314）
X：30.358、Y：32.8186、Z：96.0014
x：0.1907、y：0.2062、Y：32.8186
L：64.0138、a：-3.1058、b：-53.8249
L：64.0138、u：-39.98、v：-86.5246
L：64.0138、C：53.9144、H：266.6976
L：57.2875、a：-5.662、b：-59.2558
シアン色：99（0.992）、マゼンタ色：35（0.3546）、黄色：0（0）、黒色：2（0.0157）
シアン色：99（0.9922）、マゼンタ色：36（0.3647）、黄色：2（0.0157）
Y：124.306、I：-123.907、Q：-6.1419
Y：124.306、U：62.3464、V：-107.3009
Y：124.306、Db：190.637、Dr：232.593
Y：122.76、Cb：190.751、Cr：51.441
Y：134.328、Pb：62.9、Pr：-84.094
2.5PB 6/12近似、完全一致：Munsell 2.5PB 6/12 / #149af3
#02a2fb配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02a2fb黒まで#02a2fb白まで#02a2fb前景
<p style="color: #02a2fb">#02a2fb前景</p>
#02a2fb背景
<p style="background-color: #02a2fb; color: #fff">#02a2fb背景</p>
#02a2fb境界
<p style="border: #02a2fb 3px solid">#02a2fb境界</p>
#02a2fb放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a2fb, #fff); background: -webkit-radial-gradient(50% 50%, #02a2fb, #fff); background: -o-radial-gradient(50% 50%, #02a2fb, #fff); background: -ms-radial-gradient(50% 50%, #02a2fb, #fff); background: radial-gradient(50% 50%, #02a2fb, #fff); color: #fff">#02a2fb放射状グラデーション</p>
#02a2fbを補足するための#fb5a01線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a2fb, #fb5a01); background: -webkit-linear-gradient(top, #02a2fb, #fb5a01); background: -o-linear-gradient(top, #02a2fb, #fb5a01); background: -ms-linear-gradient(top, #02a2fb, #fb5a01); background: linear-gradient(top, #02a2fb, #fb5a01); color: #fff">#02a2fbを補足するための#fb5a01線上グラデーション</p>
#02a2fbテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a2fb">#02a2fbテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02a2fbに関連している順番で並べらられている。関連は、十六進法の色#02a2fbの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：