#2ae02f
十六進の色コード十六進の色コード#2ae02f
緑色の色合いです。光の三原色RGBにおいて色モデル#2ae02f
は16.47%の赤色、87.84%の绿色、18.43%の青色でできている。HSLで色彩空間#2ae02f
は121.65度の色調、74.59%の彩度、52.16%の明るさを有している。この色は約543 nmの波長である。
#2ae02f
情報反転
#d51fd0 25% 飽和度
#13f619 濃淡階調
#858585
rgb(42, 224, 47)
rgba(42, 224, 47, 1.0)
赤色:16.4706%、黄色:85.9348%、青色:87.8431%
#2ae02f
2809903
-13967313 / 0xff2ae02f
hsl(122, 75%, 52%)
hsla(122, 75%, 52%, 1.0)
色調:122(121.6484)、彩度:81(81.25)、値:88(87.8431)
X:28.1236、Y:54.0088、Z:11.6318
x:0.2999、y:0.576、Y:54.0088
L:78.4669、a:-74.0033、b:67.9755
L:78.4669、u:-70.3874、v:90.1324
L:78.4669、C:100.4846、H:137.4311
L:73.4907、a:-60.2999、b:42.0593
シアン色:81(0.8125)、マゼンタ色:0(0)、黄色:79(0.7902)、黒色:12(0.1216)
シアン色:84(0.8353)、マゼンタ色:12(0.1216)、黄色:82(0.8157)
Y:149.404、I:-51.5568、Q:-93.5559
Y:149.404、U:-50.3921、V:-94.2282
Y:149.404、Db:-154.041、Dr:204.197
Y:144.296、Cb:77.233、Cr:60.669
Y:172.49、Pb:-67.57、Pr:-82.858
10GY 8/16近似、完全一致:Munsell 10GY 8/16 / #47e740
#2ae02f
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#2ae02f
黒まで#2ae02f
白まで#2ae02f
前景
<p style="color: #2ae02f; background-color: #000">#2ae02f前景</p>
#2ae02f
背景
<p style="background-color: #2ae02f">#2ae02f背景</p>
#2ae02f
境界
<p style="border: #2ae02f 3px solid">#2ae02f境界</p>
#2ae02f
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2ae02f, #fff); background: -webkit-radial-gradient(50% 50%, #2ae02f, #fff); background: -o-radial-gradient(50% 50%, #2ae02f, #fff); background: -ms-radial-gradient(50% 50%, #2ae02f, #fff); background: radial-gradient(50% 50%, #2ae02f, #fff)">#2ae02f放射状グラデーション</p>
#2ae02f
を補足するための#e02ada
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2ae02f, #e02ada); background: -webkit-linear-gradient(top, #2ae02f, #e02ada); background: -o-linear-gradient(top, #2ae02f, #e02ada); background: -ms-linear-gradient(top, #2ae02f, #e02ada); background: linear-gradient(top, #2ae02f, #e02ada); color: #000">
#2ae02f
を補足するための#e02ada
線上グラデーション</p>
#2ae02f
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #2ae02f">#2ae02fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#2ae02f
に関連している順番で並べらられている。関連は、十六進法の色#2ae02f
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: