#02aa3c
十六進の色コード十六進の色コード#02aa3c
青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#02aa3c
は0.78%の赤色、66.67%の绿色、23.53%の青色でできている。HSLで色彩空間#02aa3c
は140.71度の色調、97.67%の彩度、33.73%の明るさを有している。この色は約531 nmの波長である。
#02aa3c
情報反転
#fd55c3 25% 飽和度
#00ab3b 濃淡階調
#555555
rgb(2, 170, 60)
rgba(2, 170, 60, 1.0)
赤色:0.7843%、黄色:49.7588%、青色:66.6667%
#02aa3c
174652
-16602564 / 0xff02aa3c
hsl(141, 98%, 34%)
hsla(141, 98%, 34%, 1.0)
色調:141(140.7143)、彩度:99(98.8235)、値:67(66.6667)
X:15.2154、Y:29.0886、Z:9.0877
x:0.285、y:0.5448、Y:29.0886
L:60.8597、a:-59.8035、b:45.1135
L:60.8597、u:-55.9593、v:62.0547
L:60.8597、C:74.9112、H:142.9705
L:53.9338、a:-44.0273、b:27.7635
シアン色:99(0.9882)、マゼンタ色:0(0)、黄色:65(0.6471)、黒色:33(0.3333)
シアン色:99(0.9922)、マゼンタ色:33(0.3333)、黄色:76(0.7647)
Y:107.228、I:-64.7414、Q:-69.7495
Y:107.228、U:-23.2405、V:-92.3189
Y:107.228、Db:-71.03、Dr:200.074
Y:108.074、Cb:104.574、Cr:62.058
Y:126.296、Pb:-35.68、Pr:-78.94
10GY 6/12近似、完全一致:Munsell 10GY 6/12 / #3baa3a
#02aa3c
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02aa3c
黒まで#02aa3c
白まで#02aa3c
前景
<p style="color: #02aa3c">#02aa3c前景</p>
#02aa3c
背景
<p style="background-color: #02aa3c; color: #fff">#02aa3c背景</p>
#02aa3c
境界
<p style="border: #02aa3c 3px solid">#02aa3c境界</p>
#02aa3c
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02aa3c, #fff); background: -webkit-radial-gradient(50% 50%, #02aa3c, #fff); background: -o-radial-gradient(50% 50%, #02aa3c, #fff); background: -ms-radial-gradient(50% 50%, #02aa3c, #fff); background: radial-gradient(50% 50%, #02aa3c, #fff); color: #fff">#02aa3c放射状グラデーション</p>
#02aa3c
を補足するための#a9016f
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02aa3c, #a9016f); background: -webkit-linear-gradient(top, #02aa3c, #a9016f); background: -o-linear-gradient(top, #02aa3c, #a9016f); background: -ms-linear-gradient(top, #02aa3c, #a9016f); background: linear-gradient(top, #02aa3c, #a9016f); color: #fff">
#02aa3c
を補足するための#a9016f
線上グラデーション</p>
#02aa3c
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02aa3c">#02aa3cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02aa3c
に関連している順番で並べらられている。関連は、十六進法の色#02aa3c
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: