色見本
RGB
CMYK
RYB
#02aefb十六進の色コード十六進の色コード#02aefbシアン色の色合いです。光の三原色RGBにおいて色モデル#02aefbは0.78%の赤色、68.24%の绿色、98.43%の青色でできている。HSLで色彩空間#02aefbは198.55度の色調、98.42%の彩度、49.61%の明るさを有している。この色は約495 nmの波長である。
#02aefb情報反転
#fd5104 25% 飽和度
#00aefc 濃淡階調
#7e7e7e
rgb(2, 174, 251)
rgba(2, 174, 251, 1.0)
赤色：0.7843%、黄色：40.6781%、青色：98.4314%
#02aefb
175867
-16601349 / 0xff02aefb
hsl(199, 98%, 50%)
hsla(199, 98%, 50%, 1.0)
色調：199（198.5542）、彩度：99（99.2032）、値：98（98.4314）
X：32.5737、Y：37.25、Z：96.74
x：0.1956、y：0.2236、Y：37.25
L：67.4642、a：-9.8577、b：-48.3664
L：67.4642、u：-43.8842、v：-77.2117
L：67.4642、C：49.3607、H：258.4801
L：61.0328、a：-11.5406、b：-51.2545
シアン色：99（0.992）、マゼンタ色：31（0.3068）、黄色：0（0）、黒色：2（0.0157）
シアン色：99（0.9922）、マゼンタ色：32（0.3176）、黄色：2（0.0157）
Y：131.35、I：-127.2004、Q：-12.413
Y：131.35、U：58.8801、V：-113.4808
Y：131.35、Db：180.041、Dr：245.985
Y：128.808、Cb：187.259、Cr：47.025
Y：142.908、Pb：58.28、Pr：-89.542
10B 7/10近似、完全一致：Munsell 10B 7/10 / #42b9fe
#02aefb配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02aefb黒まで#02aefb白まで#02aefb前景
<p style="color: #02aefb; background-color: #000">#02aefb前景</p>
#02aefb背景
<p style="background-color: #02aefb">#02aefb背景</p>
#02aefb境界
<p style="border: #02aefb 3px solid">#02aefb境界</p>
#02aefb放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02aefb, #fff); background: -webkit-radial-gradient(50% 50%, #02aefb, #fff); background: -o-radial-gradient(50% 50%, #02aefb, #fff); background: -ms-radial-gradient(50% 50%, #02aefb, #fff); background: radial-gradient(50% 50%, #02aefb, #fff)">#02aefb放射状グラデーション</p>
#02aefbを補足するための#fb4f01線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02aefb, #fb4f01); background: -webkit-linear-gradient(top, #02aefb, #fb4f01); background: -o-linear-gradient(top, #02aefb, #fb4f01); background: -ms-linear-gradient(top, #02aefb, #fb4f01); background: linear-gradient(top, #02aefb, #fb4f01); color: #000">#02aefbを補足するための#fb4f01線上グラデーション</p>
#02aefbテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02aefb">#02aefbテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02aefbに関連している順番で並べらられている。関連は、十六進法の色#02aefbの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：