#02ea2c
十六進の色コード十六進の色コード#02ea2c
緑色の色合いです。光の三原色RGBにおいて色モデル#02ea2c
は0.78%の赤色、91.76%の绿色、17.25%の青色でできている。HSLで色彩空間#02ea2c
は130.86度の色調、98.31%の彩度、46.27%の明るさを有している。この色は約538 nmの波長である。
#02ea2c
情報反転
#fd15d3 25% 飽和度
#00eb2a 濃淡階調
#757575
rgb(2, 234, 44)
rgba(2, 234, 44, 1.0)
赤色:0.7843%、黄色:77.8188%、青色:91.7647%
#02ea2c
191020
-16586196 / 0xff02ea2c
hsl(131, 98%, 46%)
hsla(131, 98%, 46%, 1.0)
色調:131(130.8621)、彩度:99(99.1453)、値:92(91.7647)
X:29.9025、Y:59.0404、Z:12.2028
x:0.2956、y:0.5837、Y:59.0404
L:81.3138、a:-79.3928、b:71.3559
L:81.3138、u:-76.3365、v:94.8731
L:81.3138、C:106.7469、H:138.0517
L:76.8377、a:-65.0003、b:44.3704
シアン色:99(0.9915)、マゼンタ色:0(0)、黄色:81(0.812)、黒色:8(0.0824)
シアン色:99(0.9922)、マゼンタ色:8(0.0824)、黄色:83(0.8275)
Y:142.972、I:-77.1661、Q:-108.1734
Y:142.972、U:-48.7035、V:-123.6781
Y:142.972、Db:-148.87、Dr:268.026
Y:138.762、Cb:78.926、Cr:39.642
Y:170.904、Pb:-68.32、Pr:-107.26
10GY 8/18近似、完全一致:Munsell 10GY 8/18 / #0bea1b
#02ea2c
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02ea2c
黒まで#02ea2c
白まで#02ea2c
前景
<p style="color: #02ea2c; background-color: #000">#02ea2c前景</p>
#02ea2c
背景
<p style="background-color: #02ea2c">#02ea2c背景</p>
#02ea2c
境界
<p style="border: #02ea2c 3px solid">#02ea2c境界</p>
#02ea2c
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ea2c, #fff); background: -webkit-radial-gradient(50% 50%, #02ea2c, #fff); background: -o-radial-gradient(50% 50%, #02ea2c, #fff); background: -ms-radial-gradient(50% 50%, #02ea2c, #fff); background: radial-gradient(50% 50%, #02ea2c, #fff)">#02ea2c放射状グラデーション</p>
#02ea2c
を補足するための#ea01bf
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ea2c, #ea01bf); background: -webkit-linear-gradient(top, #02ea2c, #ea01bf); background: -o-linear-gradient(top, #02ea2c, #ea01bf); background: -ms-linear-gradient(top, #02ea2c, #ea01bf); background: linear-gradient(top, #02ea2c, #ea01bf); color: #000">
#02ea2c
を補足するための#ea01bf
線上グラデーション</p>
#02ea2c
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02ea2c">#02ea2cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02ea2c
に関連している順番で並べらられている。関連は、十六進法の色#02ea2c
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: