#02f649
十六進の色コード十六進の色コード#02f649
緑色の色合いです。光の三原色RGBにおいて色モデル#02f649
は0.78%の赤色、96.47%の绿色、28.63%の青色でできている。HSLで色彩空間#02f649
は137.46度の色調、98.39%の彩度、48.63%の明るさを有している。この色は約533 nmの波長である。
#02f649
情報反転
#fd09b6 25% 飽和度
#00f848 濃淡階調
#7c7c7c
rgb(2, 246, 73)
rgba(2, 246, 73, 1.0)
赤色:0.7843%、黄色:74.9032%、青色:96.4706%
#02f649
194121
-16583095 / 0xff02f649
hsl(137, 98%, 49%)
hsla(137, 98%, 49%, 1.0)
色調:137(137.459)、彩度:99(99.187)、値:96(96.4706)
X:34.1834、Y:66.4055、Z:17.3192
x:0.2899、y:0.5632、Y:66.4055
L:85.2028、a:-80.6459、b:66.1234
L:85.2028、u:-79.1902、v:92.9372
L:85.2028、C:104.2884、H:140.6509
L:81.4896、a:-67.7292、b:44.4416
シアン色:99(0.9919)、マゼンタ色:0(0)、黄色:70(0.7033)、黒色:4(0.0353)
シアン色:99(0.9922)、マゼンタ色:4(0.0353)、黄色:71(0.7137)
Y:153.322、I:-89.7762、Q:-105.4216
Y:153.322、U:-39.5258、V:-132.7583
Y:153.322、Db:-120.809、Dr:287.711
Y:147.652、Cb:88.165、Cr:33.167
Y:181.572、Pb:-58.44、Pr:-114.042
10GY 8/18近似、完全一致:Munsell 10GY 8/18 / #0bea1b
#02f649
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02f649
黒まで#02f649
白まで#02f649
前景
<p style="color: #02f649; background-color: #000">#02f649前景</p>
#02f649
背景
<p style="background-color: #02f649">#02f649背景</p>
#02f649
境界
<p style="border: #02f649 3px solid">#02f649境界</p>
#02f649
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02f649, #fff); background: -webkit-radial-gradient(50% 50%, #02f649, #fff); background: -o-radial-gradient(50% 50%, #02f649, #fff); background: -ms-radial-gradient(50% 50%, #02f649, #fff); background: radial-gradient(50% 50%, #02f649, #fff)">#02f649放射状グラデーション</p>
#02f649
を補足するための#f601ae
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02f649, #f601ae); background: -webkit-linear-gradient(top, #02f649, #f601ae); background: -o-linear-gradient(top, #02f649, #f601ae); background: -ms-linear-gradient(top, #02f649, #f601ae); background: linear-gradient(top, #02f649, #f601ae); color: #000">
#02f649
を補足するための#f601ae
線上グラデーション</p>
#02f649
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02f649">#02f649テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02f649
に関連している順番で並べらられている。関連は、十六進法の色#02f649
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: