色見本
RGB
CMYK
RYB
#02ae3f十六進の色コード十六進の色コード#02ae3f青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02ae3fは0.78%の赤色、68.24%の绿色、24.71%の青色でできている。HSLで色彩空間#02ae3fは141.28度の色調、97.73%の彩度、34.51%の明るさを有している。この色は約531 nmの波長である。
#02ae3f情報反転
#fd51c0 25% 飽和度
#00b03e 濃淡階調
#585858
rgb(2, 174, 63)
rgba(2, 174, 63, 1.0)
赤色：0.7843%、黄色：50.5765%、青色：68.2353%
#02ae3f
175679
-16601537 / 0xff02ae3f
hsl(141, 98%, 35%)
hsla(141, 98%, 35%, 1.0)
色調：141（141.2791）、彩度：99（98.8506）、値：68（68.2353）
X：16.0583、Y：30.6439、Z：9.7711
x：0.2844、y：0.5426、Y：30.6439
L：62.2059、a：-60.6822、b：45.2961
L：62.2059、u：-57.1354、v：62.8826
L：62.2059、C：75.7236、H：143.2606
L：55.3569、a：-45.0942、b：28.2845
シアン色：99（0.9885）、マゼンタ色：0（0）、黄色：64（0.6379）、黒色：32（0.3176）
シアン色：99（0.9922）、マゼンタ色：32（0.3176）、黄色：75（0.7529）
Y：109.918、I：-66.803、Q：-70.9064
Y：109.918、U：-23.0879、V：-94.6789
Y：109.918、Db：-70.563、Dr：205.189
Y：110.384、Cb：104.727、Cr：60.373
Y：129.372、Pb：-35.72、Pr：-80.894
10GY 6/12近似、完全一致：Munsell 10GY 6/12 / #3baa3a
#02ae3f配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02ae3f黒まで#02ae3f白まで#02ae3f前景
<p style="color: #02ae3f">#02ae3f前景</p>
#02ae3f背景
<p style="background-color: #02ae3f; color: #fff">#02ae3f背景</p>
#02ae3f境界
<p style="border: #02ae3f 3px solid">#02ae3f境界</p>
#02ae3f放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ae3f, #fff); background: -webkit-radial-gradient(50% 50%, #02ae3f, #fff); background: -o-radial-gradient(50% 50%, #02ae3f, #fff); background: -ms-radial-gradient(50% 50%, #02ae3f, #fff); background: radial-gradient(50% 50%, #02ae3f, #fff); color: #fff">#02ae3f放射状グラデーション</p>
#02ae3fを補足するための#ae0170線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ae3f, #ae0170); background: -webkit-linear-gradient(top, #02ae3f, #ae0170); background: -o-linear-gradient(top, #02ae3f, #ae0170); background: -ms-linear-gradient(top, #02ae3f, #ae0170); background: linear-gradient(top, #02ae3f, #ae0170); color: #fff">#02ae3fを補足するための#ae0170線上グラデーション</p>
#02ae3fテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02ae3f">#02ae3fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02ae3fに関連している順番で並べらられている。関連は、十六進法の色#02ae3fの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：