色見本
RGB
CMYK
RYB
#02bce1十六進の色コード十六進の色コード#02bce1シアン色の色合いです。光の三原色RGBにおいて色モデル#02bce1は0.78%の赤色、73.73%の绿色、88.24%の青色でできている。HSLで色彩空間#02bce1は189.96度の色調、98.24%の彩度、44.51%の明るさを有している。この色は約500 nmの波長である。
#02bce1情報反転
#fd431e 25% 飽和度
#00bde3 濃淡階調
#717171
rgb(2, 188, 225)
rgba(2, 188, 225, 1.0)
赤色：0.7843%、黄色：40.5542%、青色：88.2353%
#02bce1
179425
-16597791 / 0xff02bce1
hsl(190, 98%, 45%)
hsla(190, 98%, 45%, 1.0)
色調：190（189.9552）、彩度：99（99.1111）、値：88（88.2353）
X：31.5989、Y：41.4156、Z：77.5627
x：0.2099、y：0.275、Y：41.4156
L：70.4661、a：-26.3229、b：-29.5395
L：70.4661、u：-50.4787、v：-43.4291
L：70.4661、C：39.5661、H：228.2956
L：64.3549、a：-24.976、b：-26.4098
シアン色：99（0.9911）、マゼンタ色：16（0.1644）、黄色：0（0）、黒色：12（0.1176）
シアン色：99（0.9922）、マゼンタ色：26（0.2627）、黄色：12（0.1176）
Y：136.604、I：-122.6899、Q：-27.8188
Y：136.604、U：43.5001、V：-118.0904
Y：136.604、Db：133.021、Dr：255.967
Y：133.316、Cb：171.771、Cr：43.719
Y：151.046、Pb：39.89、Pr：-94.702
2.5B 7/8近似、完全一致：Munsell 2.5B 7/8 / #3abedb
#02bce1配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02bce1黒まで#02bce1白まで#02bce1前景
<p style="color: #02bce1; background-color: #000">#02bce1前景</p>
#02bce1背景
<p style="background-color: #02bce1">#02bce1背景</p>
#02bce1境界
<p style="border: #02bce1 3px solid">#02bce1境界</p>
#02bce1放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bce1, #fff); background: -webkit-radial-gradient(50% 50%, #02bce1, #fff); background: -o-radial-gradient(50% 50%, #02bce1, #fff); background: -ms-radial-gradient(50% 50%, #02bce1, #fff); background: radial-gradient(50% 50%, #02bce1, #fff)">#02bce1放射状グラデーション</p>
#02bce1を補足するための#e12601線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bce1, #e12601); background: -webkit-linear-gradient(top, #02bce1, #e12601); background: -o-linear-gradient(top, #02bce1, #e12601); background: -ms-linear-gradient(top, #02bce1, #e12601); background: linear-gradient(top, #02bce1, #e12601); color: #000">#02bce1を補足するための#e12601線上グラデーション</p>
#02bce1テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bce1">#02bce1テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02bce1に関連している順番で並べらられている。関連は、十六進法の色#02bce1の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：