#545748
十六進の色コード十六進の色コード#545748
黄緑色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#545748
は32.94%の赤色、34.12%の绿色、28.24%の青色でできている。HSLで色彩空間#545748
は72度の色調、9.43%の彩度、31.18%の明るさを有している。この色は約575 nmの波長である。Earthpaint 5-21-7 Green Gablesはペイントカラーに調和している。
#545748
情報反転
#aba8b7 25% 飽和度
#555846 濃淡階調
#4f4f4f
rgb(84, 87, 72)
rgba(84, 87, 72, 1.0)
赤色:28.2353%、黄色:34.1176%、青色:29.4118%
#545748
5527368
-11249848 / 0xff545748
hsl(72, 9%, 31%)
hsla(72, 9%, 31%, 1.0)
色調:72(72)、彩度:17(17.2414)、値:34(34.1176)
X:8.2341、Y:9.1691、Z:7.4667
x:0.3311、y:0.3687、Y:9.1691
L:36.3078、a:-4.2258、b:8.3231
L:36.3078、u:-0.9392、v:10.5571
L:36.3078、C:9.3344、H:116.9176
L:30.2805、a:-4.4521、b:6.5763
シアン色:3(0.0345)、マゼンタ色:0(0)、黄色:17(0.1724)、黒色:66(0.6588)
シアン色:67(0.6706)、マゼンタ色:66(0.6588)、黄色:72(0.7176)
Y:84.393、I:3.0318、Q:-5.3014
Y:84.393、U:-6.0977、V:-0.3448
Y:84.393、Db:-18.645、Dr:0.744
Y:88.492、Cb:121.859、Cr:127.748
Y:85.281、Pb:-7.155、Pr:-0.81
5GY 4/2近似、完全一致:Munsell 5GY 4/2 / #5f6252
#545748
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#545748
黒まで#545748
白まで#545748
前景
<p style="color: #545748">#545748前景</p>
#545748
背景
<p style="background-color: #545748; color: #fff">#545748背景</p>
#545748
境界
<p style="border: #545748 3px solid">#545748境界</p>
#545748
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #545748, #fff); background: -webkit-radial-gradient(50% 50%, #545748, #fff); background: -o-radial-gradient(50% 50%, #545748, #fff); background: -ms-radial-gradient(50% 50%, #545748, #fff); background: radial-gradient(50% 50%, #545748, #fff); color: #fff">#545748放射状グラデーション</p>
#545748
を補足するための#4a4857
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #545748, #4a4857); background: -webkit-linear-gradient(top, #545748, #4a4857); background: -o-linear-gradient(top, #545748, #4a4857); background: -ms-linear-gradient(top, #545748, #4a4857); background: linear-gradient(top, #545748, #4a4857); color: #fff">
#545748
を補足するための#4a4857
線上グラデーション</p>
#545748
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #545748">#545748テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#545748
に関連している順番で並べらられている。関連は、十六進法の色#545748
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: