色見本
RGB
CMYK
RYB
#02b0dc十六進の色コード十六進の色コード#02b0dcシアン色の色合いです。光の三原色RGBにおいて色モデル#02b0dcは0.78%の赤色、69.02%の绿色、86.27%の青色でできている。HSLで色彩空間#02b0dcは192.11度の色調、98.2%の彩度、43.53%の明るさを有している。この色は約499 nmの波長である。
#02b0dc情報反転
#fd4f23 25% 飽和度
#00b1de 濃淡階調
#6f6f6f
rgb(2, 176, 220)
rgba(2, 176, 220, 1.0)
赤色：0.7843%、黄色：38.7315%、青色：86.2745%
#02b0dc
176348
-16600868 / 0xff02b0dc
hsl(192, 98%, 44%)
hsla(192, 98%, 44%, 1.0)
色調：192（192.1101）、彩度：99（99.0909）、値：86（86.2745）
X：28.4686、Y：36.2309、Z：73.203
x：0.2064、y：0.2627、Y：36.2309
L：66.696、a：-21.9096、b：-32.6283
L：66.696、u：-46.7992、v：-48.8866
L：66.696、C：39.3019、H：236.119
L：60.1921、a：-20.9123、b：-29.9714
シアン色：99（0.9909）、マゼンタ色：20（0.2）、黄色：0（0）、黒色：14（0.1373）
シアン色：99（0.9922）、マゼンタ色：31（0.3098）、黄色：14（0.1373）
Y：128.99、I：-117.7902、Q：-23.1034
Y：128.99、U：44.7864、V：-111.4104
Y：128.99、Db：136.952、Dr：241.49
Y：126.778、Cb：173.068、Cr：48.49
Y：142.106、Pb：42.01、Pr：-89.024
5B 6/8近似、完全一致：Munsell 5B 6/8 / #18a1c9
#02b0dc配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02b0dc黒まで#02b0dc白まで#02b0dc前景
<p style="color: #02b0dc; background-color: #000">#02b0dc前景</p>
#02b0dc背景
<p style="background-color: #02b0dc">#02b0dc背景</p>
#02b0dc境界
<p style="border: #02b0dc 3px solid">#02b0dc境界</p>
#02b0dc放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b0dc, #fff); background: -webkit-radial-gradient(50% 50%, #02b0dc, #fff); background: -o-radial-gradient(50% 50%, #02b0dc, #fff); background: -ms-radial-gradient(50% 50%, #02b0dc, #fff); background: radial-gradient(50% 50%, #02b0dc, #fff)">#02b0dc放射状グラデーション</p>
#02b0dcを補足するための#dc2d01線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b0dc, #dc2d01); background: -webkit-linear-gradient(top, #02b0dc, #dc2d01); background: -o-linear-gradient(top, #02b0dc, #dc2d01); background: -ms-linear-gradient(top, #02b0dc, #dc2d01); background: linear-gradient(top, #02b0dc, #dc2d01); color: #000">#02b0dcを補足するための#dc2d01線上グラデーション</p>
#02b0dcテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b0dc">#02b0dcテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02b0dcに関連している順番で並べらられている。関連は、十六進法の色#02b0dcの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：