#57554f
十六進の色コード十六進の色コード#57554f
黄色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#57554f
は34.12%の赤色、33.33%の绿色、30.98%の青色でできている。HSLで色彩空間#57554f
は45度の色調、4.82%の彩度、32.55%の明るさを有している。この色は約592 nmの波長である。Rodda Paint Sturgis Gray H119とColortrend Sturgis Grayはペイントカラーに調和している。
#57554f
情報反転
#a8aab0 25% 飽和度
#58554d 濃淡階調
#525252
rgb(87, 85, 79)
rgba(87, 85, 79, 1.0)
赤色:32.0261%、黄色:34.1176%、青色:30.9804%
#57554f
5723471
-11053745 / 0xff57554f
hsl(45, 5%, 33%)
hsla(45, 5%, 33%, 1.0)
色調:45(45)、彩度:9(9.1954)、値:34(34.1176)
X:8.5903、Y:9.0877、Z:8.6985
x:0.3257、y:0.3445、Y:9.0877
L:36.1527、a:-0.4117、b:3.7811
L:36.1527、u:1.4568、v:4.6814
L:36.1527、C:3.8035、H:96.214
L:30.1459、a:-1.8906、b:3.9942
シアン色:0(0)、マゼンタ色:2(0.023)、黄色:9(0.092)、黒色:66(0.6588)
シアン色:66(0.6588)、マゼンタ色:67(0.6667)、黄色:69(0.6902)
Y:84.914、I:3.119、Q:-1.4439
Y:84.914、U:-2.9094、V:1.8301
Y:84.914、Db:-8.898、Dr:-3.968
Y:88.941、Cb:125.07、Cr:129.304
Y:84.994、Pb:-3.23、Pr:1.276
7.5GY 3/2近似、完全一致:Munsell 7.5GY 3/2 / #424a3f
#57554f
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#57554f
黒まで#57554f
白まで#57554f
前景
<p style="color: #57554f">#57554f前景</p>
#57554f
背景
<p style="background-color: #57554f; color: #fff">#57554f背景</p>
#57554f
境界
<p style="border: #57554f 3px solid">#57554f境界</p>
#57554f
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #57554f, #fff); background: -webkit-radial-gradient(50% 50%, #57554f, #fff); background: -o-radial-gradient(50% 50%, #57554f, #fff); background: -ms-radial-gradient(50% 50%, #57554f, #fff); background: radial-gradient(50% 50%, #57554f, #fff); color: #fff">#57554f放射状グラデーション</p>
#57554f
を補足するための#4e5156
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #57554f, #4e5156); background: -webkit-linear-gradient(top, #57554f, #4e5156); background: -o-linear-gradient(top, #57554f, #4e5156); background: -ms-linear-gradient(top, #57554f, #4e5156); background: linear-gradient(top, #57554f, #4e5156); color: #fff">
#57554f
を補足するための#4e5156
線上グラデーション</p>
#57554f
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #57554f">#57554fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#57554f
に関連している順番で並べらられている。関連は、十六進法の色#57554f
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: