#a8a8a1
十六進の色コード十六進の色コード#a8a8a1
黄色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#a8a8a1
は65.88%の赤色、65.88%の绿色、63.14%の青色でできている。HSLで色彩空間#a8a8a1
は60度の色調、3.87%の彩度、64.51%の明るさを有している。この色は約582 nmの波長である。
#a8a8a1
情報反転
#57575e 25% 飽和度
#a8a8a0 濃淡階調
#a4a4a4
25% 明るく
#cfcfcb オリジナル
#a8a8a1 25% 暗く
#808076
darkgray/darkgrey
#a9a9a9 25% 不飽和度
#a7a7a1 ウェブセーフ:silver
#c0c0c0
rgb(168, 168, 161)
rgba(168, 168, 161, 1.0)
赤色:63.1373%、黄色:65.8824%、青色:63.1373%
#a8a8a1
11053217
-5723999 / 0xffa8a8a1
hsl(60, 4%, 65%)
hsla(60, 4%, 65%, 1.0)
色調:60(60)、彩度:4(4.1667)、値:66(65.8824)
X:36.5841、Y:38.9033、Z:39.2991
x:0.3187、y:0.3389、Y:38.9033
L:68.6812、a:-1.2955、b:3.6039
L:68.6812、u:0.3926、v:5.4235
L:68.6812、C:3.8297、H:109.772
L:62.3725、a:-4.4541、b:6.3038
シアン色:0(0)、マゼンタ色:0(0)、黄色:4(0.0417)、黒色:34(0.3412)
シアン色:34(0.3412)、マゼンタ色:34(0.3412)、黄色:37(0.3686)
Y:167.202、I:2.2488、Q:-2.1779
Y:167.202、U:-3.0503、V:0.7001
Y:167.202、Db:-9.331、Dr:-1.519
Y:159.626、Cb:124.927、Cr:128.497
Y:167.496、Pb:-3.5、Pr:0.322
10GY 7/2近似、完全一致:Munsell 10GY 7/2 / #a5b2a6
#a8a8a1
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#a8a8a1
黒まで#a8a8a1
白まで#a8a8a1
前景
<p style="color: #a8a8a1; background-color: #000">#a8a8a1前景</p>
#a8a8a1
背景
<p style="background-color: #a8a8a1">#a8a8a1背景</p>
#a8a8a1
境界
<p style="border: #a8a8a1 3px solid">#a8a8a1境界</p>
#a8a8a1
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #a8a8a1, #fff); background: -webkit-radial-gradient(50% 50%, #a8a8a1, #fff); background: -o-radial-gradient(50% 50%, #a8a8a1, #fff); background: -ms-radial-gradient(50% 50%, #a8a8a1, #fff); background: radial-gradient(50% 50%, #a8a8a1, #fff)">#a8a8a1放射状グラデーション</p>
#a8a8a1
を補足するための#a1a1a7
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #a8a8a1, #a1a1a7); background: -webkit-linear-gradient(top, #a8a8a1, #a1a1a7); background: -o-linear-gradient(top, #a8a8a1, #a1a1a7); background: -ms-linear-gradient(top, #a8a8a1, #a1a1a7); background: linear-gradient(top, #a8a8a1, #a1a1a7); color: #000">
#a8a8a1
を補足するための#a1a1a7
線上グラデーション</p>
#a8a8a1
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #a8a8a1">#a8a8a1テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#a8a8a1
に関連している順番で並べらられている。関連は、十六進法の色#a8a8a1
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: