色見本
RGB
CMYK
RYB
#02af4c十六進の色コード十六進の色コード#02af4c青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02af4cは0.78%の赤色、68.63%の绿色、29.8%の青色でできている。HSLで色彩空間#02af4cは145.66度の色調、97.74%の彩度、34.71%の明るさを有している。この色は約528 nmの波長である。
#02af4c情報反転
#fd50b3 25% 飽和度
#00b14b 濃淡階調
#585858
rgb(2, 175, 76)
rgba(2, 175, 76, 1.0)
赤色：0.7843%、黄色：48.302%、青色：68.6275%
#02af4c
175948
-16601268 / 0xff02af4c
hsl(146, 98%, 35%)
hsla(146, 98%, 35%, 1.0)
色調：146（145.6647）、彩度：99（98.8571）、値：69（68.6275）
X：16.6595、Y：31.1947、Z：11.9806
x：0.2784、y：0.5213、Y：31.1947
L：62.6716、a：-59.2823、b：39.8031
L：62.6716、u：-56.8829、v：57.8709
L：62.6716、C：71.405、H：146.122
L：55.8522、a：-44.4986、b：26.3785
シアン色：99（0.9886）、マゼンタ色：0（0）、黄色：57（0.5657）、黒色：31（0.3137）
シアン色：99（0.9922）、マゼンタ色：31（0.3137）、黄色：70（0.702）
Y：111.987、I：-71.2538、Q：-67.3843
Y：111.987、U：-17.7088、V：-96.494
Y：111.987、Db：-54.117、Dr：209.126
Y：112.162、Cb：110.143、Cr：59.082
Y：131.023、Pb：-29.605、Pr：-81.946
10GY 6/12近似、完全一致：Munsell 10GY 6/12 / #3baa3a
#02af4c配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#02af4c黒まで#02af4c白まで#02af4c前景
<p style="color: #02af4c">#02af4c前景</p>
#02af4c背景
<p style="background-color: #02af4c; color: #fff">#02af4c背景</p>
#02af4c境界
<p style="border: #02af4c 3px solid">#02af4c境界</p>
#02af4c放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02af4c, #fff); background: -webkit-radial-gradient(50% 50%, #02af4c, #fff); background: -o-radial-gradient(50% 50%, #02af4c, #fff); background: -ms-radial-gradient(50% 50%, #02af4c, #fff); background: radial-gradient(50% 50%, #02af4c, #fff); color: #fff">#02af4c放射状グラデーション</p>
#02af4cを補足するための#af0164線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02af4c, #af0164); background: -webkit-linear-gradient(top, #02af4c, #af0164); background: -o-linear-gradient(top, #02af4c, #af0164); background: -ms-linear-gradient(top, #02af4c, #af0164); background: linear-gradient(top, #02af4c, #af0164); color: #fff">#02af4cを補足するための#af0164線上グラデーション</p>
#02af4cテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02af4c">#02af4cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02af4cに関連している順番で並べらられている。関連は、十六進法の色#02af4cの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：