色見本
RGB
CMYK
RYB
#02bc93十六進の色コード十六進の色コード#02bc93青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02bc93は0.78%の赤色、73.73%の绿色、57.65%の青色でできている。HSLで色彩空間#02bc93は166.77度の色調、97.89%の彩度、37.25%の明るさを有している。この色は約515 nmの波長である。
#02bc93情報反転
#fd436c 25% 飽和度
#00be94 濃淡階調
#5f5f5f
rgb(2, 188, 147)
rgba(2, 188, 147, 1.0)
赤色：0.7843%、黄色：41.7724%、青色：73.7255%
#02bc93
179347
-16597869 / 0xff02bc93
hsl(167, 98%, 37%)
hsla(167, 98%, 37%, 1.0)
色調：167（166.7742）、彩度：99（98.9362）、値：74（73.7255）
X：23.2747、Y：38.0859、Z：33.7284
x：0.2448、y：0.4005、Y：38.0859
L：68.0839、a：-49.6172、b：9.6481
L：68.0839、u：-56.6713、v：21.536
L：68.0839、C：50.5466、H：168.9961
L：61.7138、a：-40.6797、b：10.796
シアン色：99（0.9894）、マゼンタ色：0（0）、黄色：22（0.2181）、黒色：26（0.2627）
シアン色：99（0.9922）、マゼンタ色：26（0.2627）、黄色：42（0.4235）
Y：127.712、I：-97.6314、Q：-52.0874
Y：127.712、U：9.4921、V：-110.2896
Y：127.712、Db：29.047、Dr：239.041
Y：125.672、Cb：137.529、Cr：49.257
Y：145.43、Pb：0.89、Pr：-91.114
7.5G 7/10近似、完全一致：Munsell 7.5G 7/10 / #19c59f
#02bc93配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02bc93黒まで#02bc93白まで#02bc93前景
<p style="color: #02bc93; background-color: #000">#02bc93前景</p>
#02bc93背景
<p style="background-color: #02bc93">#02bc93背景</p>
#02bc93境界
<p style="border: #02bc93 3px solid">#02bc93境界</p>
#02bc93放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bc93, #fff); background: -webkit-radial-gradient(50% 50%, #02bc93, #fff); background: -o-radial-gradient(50% 50%, #02bc93, #fff); background: -ms-radial-gradient(50% 50%, #02bc93, #fff); background: radial-gradient(50% 50%, #02bc93, #fff)">#02bc93放射状グラデーション</p>
#02bc93を補足するための#bc012a線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bc93, #bc012a); background: -webkit-linear-gradient(top, #02bc93, #bc012a); background: -o-linear-gradient(top, #02bc93, #bc012a); background: -ms-linear-gradient(top, #02bc93, #bc012a); background: linear-gradient(top, #02bc93, #bc012a); color: #000">#02bc93を補足するための#bc012a線上グラデーション</p>
#02bc93テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bc93">#02bc93テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02bc93に関連している順番で並べらられている。関連は、十六進法の色#02bc93の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：