#02f336
十六進の色コード十六進の色コード#02f336
緑色の色合いです。光の三原色RGBにおいて色モデル#02f336
は0.78%の赤色、95.29%の绿色、21.18%の青色でできている。HSLで色彩空間#02f336
は132.95度の色調、98.37%の彩度、48.04%の明るさを有している。この色は約536 nmの波長である。
#02f336
情報反転
#fd0cc9 25% 飽和度
#00f434 濃淡階調
#7a7a7a
rgb(2, 243, 54)
rgba(2, 243, 54, 1.0)
赤色:0.7843%、黄色:78.521%、青色:95.2941%
#02f336
193334
-16583882 / 0xff02f336
hsl(133, 98%, 48%)
hsla(133, 98%, 48%, 1.0)
色調:133(132.9461)、彩度:99(99.177)、値:95(95.2941)
X:32.7415、Y:64.3804、Z:14.191
x:0.2941、y:0.5784、Y:64.3804
L:84.1635、a:-81.2374、b:71.2932
L:84.1635、u:-78.8148、v:96.5626
L:84.1635、C:108.0844、H:138.7301
L:80.2374、a:-67.5772、b:45.68
シアン色:99(0.9918)、マゼンタ色:0(0)、黄色:78(0.7778)、黒色:5(0.0471)
シアン色:99(0.9922)、マゼンタ色:5(0.0471)、黄色:79(0.7882)
Y:149.395、I:-82.8488、Q:-109.7654
Y:149.395、U:-46.9432、V:-129.3131
Y:149.395、Db:-143.487、Dr:280.24
Y:144.278、Cb:80.697、Cr:35.62
Y:178.059、Pb:-66.785、Pr:-111.806
10GY 8/18近似、完全一致:Munsell 10GY 8/18 / #0bea1b
#02f336
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#02f336
黒まで#02f336
白まで#02f336
前景
<p style="color: #02f336; background-color: #000">#02f336前景</p>
#02f336
背景
<p style="background-color: #02f336">#02f336背景</p>
#02f336
境界
<p style="border: #02f336 3px solid">#02f336境界</p>
#02f336
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02f336, #fff); background: -webkit-radial-gradient(50% 50%, #02f336, #fff); background: -o-radial-gradient(50% 50%, #02f336, #fff); background: -ms-radial-gradient(50% 50%, #02f336, #fff); background: radial-gradient(50% 50%, #02f336, #fff)">#02f336放射状グラデーション</p>
#02f336
を補足するための#f201be
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02f336, #f201be); background: -webkit-linear-gradient(top, #02f336, #f201be); background: -o-linear-gradient(top, #02f336, #f201be); background: -ms-linear-gradient(top, #02f336, #f201be); background: linear-gradient(top, #02f336, #f201be); color: #000">
#02f336
を補足するための#f201be
線上グラデーション</p>
#02f336
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02f336">#02f336テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#02f336
に関連している順番で並べらられている。関連は、十六進法の色#02f336
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: