#5e8450
十六進の色コード十六進の色コード#5e8450
緑色の色合いです。光の三原色RGBにおいて色モデル#5e8450
は36.86%の赤色、51.76%の绿色、31.37%の青色でできている。HSLで色彩空間#5e8450
は103.85度の色調、24.53%の彩度、41.57%の明るさを有している。この色は約555 nmの波長である。Federal Standard 34138はペイントカラーに調和している。
#5e8450
情報反転
#a17baf 25% 飽和度
#5a8a49 濃淡階調
#6a6a6a
rgb(94, 132, 80)
rgba(94, 132, 80, 1.0)
赤色:31.3725%、黄色:51.7647%、青色:46.2745%
#5e8450
6194256
-10582960 / 0xff5e8450
hsl(104, 25%, 42%)
hsla(104, 25%, 42%, 1.0)
色調:104(103.8462)、彩度:39(39.3939)、値:52(51.7647)
X:14.3153、Y:19.4614、Z:10.5913
x:0.3226、y:0.4386、Y:19.4614
L:51.2227、a:-23.7269、b:23.9212
L:51.2227、u:-18.9333、v:33.1954
L:51.2227、C:33.6926、H:134.7664
L:44.1151、a:-19.2782、b:16.6459
シアン色:29(0.2879)、マゼンタ色:0(0)、黄色:39(0.3939)、黒色:48(0.4824)
シアン色:63(0.6314)、マゼンタ色:48(0.4824)、黄色:69(0.6863)
Y:114.71、I:-5.9315、Q:-24.2143
Y:114.71、U:-17.0797、V:-18.1695
Y:114.71、Db:-52.216、Dr:39.37
Y:114.526、Cb:110.796、Cr:115.01
Y:120.162、Pb:-21.63、Pr:-16.608
10GY 5/6近似、完全一致:Munsell 10GY 5/6 / #588556
#5e8450
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#5e8450
黒まで#5e8450
白まで#5e8450
前景
<p style="color: #5e8450">#5e8450前景</p>
#5e8450
背景
<p style="background-color: #5e8450; color: #fff">#5e8450背景</p>
#5e8450
境界
<p style="border: #5e8450 3px solid">#5e8450境界</p>
#5e8450
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5e8450, #fff); background: -webkit-radial-gradient(50% 50%, #5e8450, #fff); background: -o-radial-gradient(50% 50%, #5e8450, #fff); background: -ms-radial-gradient(50% 50%, #5e8450, #fff); background: radial-gradient(50% 50%, #5e8450, #fff); color: #fff">#5e8450放射状グラデーション</p>
#5e8450
を補足するための#765084
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5e8450, #765084); background: -webkit-linear-gradient(top, #5e8450, #765084); background: -o-linear-gradient(top, #5e8450, #765084); background: -ms-linear-gradient(top, #5e8450, #765084); background: linear-gradient(top, #5e8450, #765084); color: #fff">
#5e8450
を補足するための#765084
線上グラデーション</p>
#5e8450
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #5e8450">#5e8450テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#5e8450
に関連している順番で並べらられている。関連は、十六進法の色#5e8450
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: