色見本
RGB
CMYK
RYB
#02af0a十六進の色コード十六進の色コード#02af0a緑色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02af0aは0.78%の赤色、68.63%の绿色、3.92%の青色でできている。HSLで色彩空間#02af0aは122.77度の色調、97.74%の彩度、34.71%の明るさを有している。この色は約543 nmの波長である。
#02af0a情報反転
#fd50f5 25% 飽和度
#00b108 濃淡階調
#585858
rgb(2, 175, 10)
rgba(2, 175, 10, 1.0)
赤色：0.7843%、黄色：65.6289%、青色：68.6275%
#02af0a
175882
-16601334 / 0xff02af0a
hsl(123, 98%, 35%)
hsla(123, 98%, 35%, 1.0)
色調：123（122.7746）、彩度：99（98.8571）、値：69（68.6275）
X：15.4098、Y：30.6948、Z：5.3997
x：0.2992、y：0.596、Y：30.6948
L：62.2491、a：-64.6407、b：61.4329
L：62.2491、u：-58.7221、v：75.3553
L：62.2491、C：89.1763、H：136.4575
L：55.4029、a：-47.3069、b：33.0035
シアン色：99（0.9886）、マゼンタ色：0（0）、黄色：94（0.9429）、黒色：31（0.3137）
シアン色：99（0.9922）、マゼンタ色：31（0.3137）、黄色：96（0.9608）
Y：104.463、I：-50.0505、Q：-87.9192
Y：104.463、U：-46.4848、V：-89.8933
Y：104.463、Db：-142.095、Dr：194.804
Y：105.694、Cb：81.169、Cr：63.768
Y：126.271、Pb：-62.605、Pr：-78.91
10GY 6/14近似、完全一致：Munsell 10GY 6/14 / #0aac20
#02af0a配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02af0a黒まで#02af0a白まで#02af0a前景
<p style="color: #02af0a">#02af0a前景</p>
#02af0a背景
<p style="background-color: #02af0a; color: #fff">#02af0a背景</p>
#02af0a境界
<p style="border: #02af0a 3px solid">#02af0a境界</p>
#02af0a放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02af0a, #fff); background: -webkit-radial-gradient(50% 50%, #02af0a, #fff); background: -o-radial-gradient(50% 50%, #02af0a, #fff); background: -ms-radial-gradient(50% 50%, #02af0a, #fff); background: radial-gradient(50% 50%, #02af0a, #fff); color: #fff">#02af0a放射状グラデーション</p>
#02af0aを補足するための#af01a6線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02af0a, #af01a6); background: -webkit-linear-gradient(top, #02af0a, #af01a6); background: -o-linear-gradient(top, #02af0a, #af01a6); background: -ms-linear-gradient(top, #02af0a, #af01a6); background: linear-gradient(top, #02af0a, #af01a6); color: #fff">#02af0aを補足するための#af01a6線上グラデーション</p>
#02af0aテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02af0a">#02af0aテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02af0aに関連している順番で並べらられている。関連は、十六進法の色#02af0aの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：