色見本
RGB
CMYK
RYB
#02adf8十六進の色コード十六進の色コード#02adf8シアン色の色合いです。光の三原色RGBにおいて色モデル#02adf8は0.78%の赤色、67.84%の绿色、97.25%の青色でできている。HSLで色彩空間#02adf8は198.29度の色調、98.4%の彩度、49.02%の明るさを有している。この色は約495 nmの波長である。
#02adf8情報反転
#fd5207 25% 飽和度
#00adfa 濃淡階調
#7d7d7d
rgb(2, 173, 248)
rgba(2, 173, 248, 1.0)
赤色：0.7843%、黄色：40.3442%、青色：97.2549%
#02adf8
175608
-16601608 / 0xff02adf8
hsl(198, 98%, 49%)
hsla(198, 98%, 49%, 1.0)
色調：198（198.2927）、彩度：99（99.1935）、値：97（97.2549）
X：31.9119、Y：36.6774、Z：94.2044
x：0.196、y：0.2253、Y：36.6774
L：67.0343、a：-10.3904、b：-47.413
L：67.0343、u：-43.7612、v：-75.4527
L：67.0343、C：48.5382、H：257.6392
L：60.5618、a：-11.9261、b：-49.8328
シアン色：99（0.9919）、マゼンタ色：30（0.3024）、黄色：0（0）、黒色：3（0.0275）
シアン色：99（0.9922）、マゼンタ色：32（0.3216）、黄色：3（0.0275）
Y：130.421、I：-125.9622、Q：-12.8239
Y：130.421、U：57.861、V：-112.6657
Y：130.421、Db：176.925、Dr：244.218
Y：128.01、Cb：186.233、Cr：47.606
Y：141.977、Pb：57.165、Pr：-88.95
10B 7/10近似、完全一致：Munsell 10B 7/10 / #42b9fe
#02adf8配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02adf8黒まで#02adf8白まで#02adf8前景
<p style="color: #02adf8; background-color: #000">#02adf8前景</p>
#02adf8背景
<p style="background-color: #02adf8">#02adf8背景</p>
#02adf8境界
<p style="border: #02adf8 3px solid">#02adf8境界</p>
#02adf8放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02adf8, #fff); background: -webkit-radial-gradient(50% 50%, #02adf8, #fff); background: -o-radial-gradient(50% 50%, #02adf8, #fff); background: -ms-radial-gradient(50% 50%, #02adf8, #fff); background: radial-gradient(50% 50%, #02adf8, #fff)">#02adf8放射状グラデーション</p>
#02adf8を補足するための#f84c01線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02adf8, #f84c01); background: -webkit-linear-gradient(top, #02adf8, #f84c01); background: -o-linear-gradient(top, #02adf8, #f84c01); background: -ms-linear-gradient(top, #02adf8, #f84c01); background: linear-gradient(top, #02adf8, #f84c01); color: #000">#02adf8を補足するための#f84c01線上グラデーション</p>
#02adf8テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02adf8">#02adf8テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02adf8に関連している順番で並べらられている。関連は、十六進法の色#02adf8の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：