#8bb469
十六進の色コード十六進の色コード#8bb469
緑色の色合いです。光の三原色RGBにおいて色モデル#8bb469
は54.51%の赤色、70.59%の绿色、41.18%の青色でできている。HSLで色彩空間#8bb469
は92.8度の色調、33.33%の彩度、55.88%の明るさを有している。この色は約562 nmの波長である。Vallejo 70.737 #210はペイントカラーに調和している。
#8bb469
情報反転
#744b96 25% 飽和度
#8abd5f 濃淡階調
#8e8e8e
rgb(139, 180, 105)
rgba(139, 180, 105, 1.0)
赤色:41.1765%、黄色:70.5882%、青色:57.2549%
#8bb469
9155689
-7621527 / 0xff8bb469
hsl(93, 33%, 56%)
hsla(93, 33%, 56%, 1.0)
色調:93(92.8)、彩度:42(41.6667)、値:71(70.5882)
X:29.5185、Y:39.1514、Z:19.3658
x:0.3353、y:0.4447、Y:39.1514
L:68.8608、a:-27.1779、b:33.837
L:68.8608、u:-20.4873、v:48.1343
L:68.8608、C:43.4002、H:128.7715
L:62.5711、a:-25.2903、b:25.4495
シアン色:23(0.2278)、マゼンタ色:0(0)、黄色:42(0.4167)、黒色:29(0.2941)
シアン色:45(0.4549)、マゼンタ色:29(0.2941)、黄色:59(0.5882)
Y:159.191、I:-0.3296、Q:-32.0048
Y:159.191、U:-26.6659、V:-17.7142
Y:159.191、Db:-81.525、Dr:38.378
Y:152.733、Cb:101.143、Cr:115.326
Y:165.867、Pb:-32.785、Pr:-17.05
7.5GY 7/8近似、完全一致:Munsell 7.5GY 7/8 / #91bc66
#8bb469
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#8bb469
黒まで#8bb469
白まで#8bb469
前景
<p style="color: #8bb469; background-color: #000">#8bb469前景</p>
#8bb469
背景
<p style="background-color: #8bb469">#8bb469背景</p>
#8bb469
境界
<p style="border: #8bb469 3px solid">#8bb469境界</p>
#8bb469
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #8bb469, #fff); background: -webkit-radial-gradient(50% 50%, #8bb469, #fff); background: -o-radial-gradient(50% 50%, #8bb469, #fff); background: -ms-radial-gradient(50% 50%, #8bb469, #fff); background: radial-gradient(50% 50%, #8bb469, #fff)">#8bb469放射状グラデーション</p>
#8bb469
を補足するための#9269b4
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #8bb469, #9269b4); background: -webkit-linear-gradient(top, #8bb469, #9269b4); background: -o-linear-gradient(top, #8bb469, #9269b4); background: -ms-linear-gradient(top, #8bb469, #9269b4); background: linear-gradient(top, #8bb469, #9269b4); color: #000">
#8bb469
を補足するための#9269b4
線上グラデーション</p>
#8bb469
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #8bb469">#8bb469テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#8bb469
に関連している順番で並べらられている。関連は、十六進法の色#8bb469
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: