色見本
RGB
CMYK
RYB
#02cb4c十六進の色コード十六進の色コード#02cb4c青シアン色の色合いです。光の三原色RGBにおいて色モデル#02cb4cは0.78%の赤色、79.61%の绿色、29.8%の青色でできている。HSLで色彩空間#02cb4cは142.09度の色調、98.05%の彩度、40.2%の明るさを有している。この色は約531 nmの波長である。
#02cb4c情報反転
#fd34b3 25% 飽和度
#00cd4b 濃淡階調
#666666
rgb(2, 203, 76)
rgba(2, 203, 76, 1.0)
赤色：0.7843%、黄色：58.3971%、青色：79.6078%
#02cb4c
183116
-16594100 / 0xff02cb4c
hsl(142, 98%, 40%)
hsla(142, 98%, 40%, 1.0)
色調：142（142.0896）、彩度：99（99.0148）、値：80（79.6078）
X：22.6855、Y：43.2466、Z：13.9893
x：0.2838、y：0.5411、Y：43.2466
L：71.722、a：-67.9611、b：50.3254
L：71.722、u：-65.859、v：72.0584
L：71.722、C：84.5657、H：143.4799
L：65.7621、a：-53.5079、b：33.421
シアン色：99（0.9901）、マゼンタ色：0（0）、黄色：63（0.6256）、黒色：20（0.2039）
シアン色：99（0.9922）、マゼンタ色：20（0.2039）、黄色：70（0.702）
Y：128.423、I：-78.9385、Q：-82.0168
Y：128.423、U：-25.7968、V：-110.9137
Y：128.423、Db：-78.841、Dr：240.374
Y：126.274、Cb：101.995、Cr：48.778
Y：151.043、Pb：-40.385、Pr：-94.658
10GY 7/14近似、完全一致：Munsell 10GY 7/14 / #44c83f
#02cb4c配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02cb4c黒まで#02cb4c白まで#02cb4c前景
<p style="color: #02cb4c; background-color: #000">#02cb4c前景</p>
#02cb4c背景
<p style="background-color: #02cb4c">#02cb4c背景</p>
#02cb4c境界
<p style="border: #02cb4c 3px solid">#02cb4c境界</p>
#02cb4c放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02cb4c, #fff); background: -webkit-radial-gradient(50% 50%, #02cb4c, #fff); background: -o-radial-gradient(50% 50%, #02cb4c, #fff); background: -ms-radial-gradient(50% 50%, #02cb4c, #fff); background: radial-gradient(50% 50%, #02cb4c, #fff)">#02cb4c放射状グラデーション</p>
#02cb4cを補足するための#cb0181線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02cb4c, #cb0181); background: -webkit-linear-gradient(top, #02cb4c, #cb0181); background: -o-linear-gradient(top, #02cb4c, #cb0181); background: -ms-linear-gradient(top, #02cb4c, #cb0181); background: linear-gradient(top, #02cb4c, #cb0181); color: #000">#02cb4cを補足するための#cb0181線上グラデーション</p>
#02cb4cテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02cb4c">#02cb4cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02cb4cに関連している順番で並べらられている。関連は、十六進法の色#02cb4cの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：