色見本
RGB
CMYK
RYB
#02c64a十六進の色コード十六進の色コード#02c64a青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02c64aは0.78%の赤色、77.65%の绿色、29.02%の青色でできている。HSLで色彩空間#02c64aは142.04度の色調、98%の彩度、39.22%の明るさを有している。この色は約531 nmの波長である。
#02c64a情報反転
#fd39b5 25% 飽和度
#00c849 濃淡階調
#646464
rgb(2, 198, 74)
rgba(2, 198, 74, 1.0)
赤色：0.7843%、黄色：56.9974%、青色：77.6471%
#02c64a
181834
-16595382 / 0xff02c64a
hsl(142, 98%, 39%)
hsla(142, 98%, 39%, 1.0)
色調：142（142.0408）、彩度：99（98.9899）、値：78（77.6471）
X：21.4551、Y：40.8955、Z：13.2414
x：0.2838、y：0.541、Y：40.8955
L：70.1026、a：-66.6925、b：49.3648
L：70.1026、u：-64.363、v：70.4013
L：70.1026、C：82.9746、H：143.4917
L：63.9496、a：-52.0248、b：32.4881
シアン色：99（0.9899）、マゼンタ色：0（0）、黄色：63（0.6263）、黒色：22（0.2235）
シアン色：99（0.9922）、マゼンタ色：22（0.2235）、黄色：71（0.7098）
Y：125.26、I：-76.9237、Q：-80.0261
Y：125.26、U：-25.2245、V：-108.1388
Y：125.26、Db：-77.092、Dr：234.36
Y：123.558、Cb：102.572、Cr：50.76
Y：147.324、Pb：-39.46、Pr：-92.296
10GY 7/14近似、完全一致：Munsell 10GY 7/14 / #44c83f
#02c64a配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02c64a黒まで#02c64a白まで#02c64a前景
<p style="color: #02c64a; background-color: #000">#02c64a前景</p>
#02c64a背景
<p style="background-color: #02c64a">#02c64a背景</p>
#02c64a境界
<p style="border: #02c64a 3px solid">#02c64a境界</p>
#02c64a放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c64a, #fff); background: -webkit-radial-gradient(50% 50%, #02c64a, #fff); background: -o-radial-gradient(50% 50%, #02c64a, #fff); background: -ms-radial-gradient(50% 50%, #02c64a, #fff); background: radial-gradient(50% 50%, #02c64a, #fff)">#02c64a放射状グラデーション</p>
#02c64aを補足するための#c6017d線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c64a, #c6017d); background: -webkit-linear-gradient(top, #02c64a, #c6017d); background: -o-linear-gradient(top, #02c64a, #c6017d); background: -ms-linear-gradient(top, #02c64a, #c6017d); background: linear-gradient(top, #02c64a, #c6017d); color: #000">#02c64aを補足するための#c6017d線上グラデーション</p>
#02c64aテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c64a">#02c64aテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02c64aに関連している順番で並べらられている。関連は、十六進法の色#02c64aの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：