#d4b4aa
十六進の色コード十六進の色コード#d4b4aa
赤みがかったオレンジ色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#d4b4aa
は83.14%の赤色、70.59%の绿色、66.67%の青色でできている。HSLで色彩空間#d4b4aa
は14.29度の色調、32.81%の彩度、74.9%の明るさを有している。この色は約611 nmの波長である。
#d4b4aa
情報反転
#2b4b55 25% 飽和度
#d9b1a4 濃淡階調
#bfbfbf
rgb(212, 180, 170)
rgba(212, 180, 170, 1.0)
赤色:83.1373%、黄色:71.8137%、青色:66.6667%
#d4b4aa
13939882
-2837334 / 0xffd4b4aa
hsl(14, 33%, 75%)
hsla(14, 33%, 75%, 1.0)
色調:14(14.2857)、彩度:20(19.8113)、値:83(83.1373)
X:50.7283、Y:49.5418、Z:44.9191
x:0.3494、y:0.3412、Y:49.5418
L:75.7872、a:9.9433、b:9.3679
L:75.7872、u:20.3671、v:11.6424
L:75.7872、C:13.6611、H:43.2933
L:70.386、a:5.4725、b:11.4324
シアン色:0(0)、マゼンタ色:15(0.1509)、黄色:20(0.1981)、黒色:17(0.1686)
シアン色:17(0.1686)、マゼンタ色:29(0.2941)、黄色:33(0.3333)
Y:188.428、I:22.2755、Q:3.6552
Y:188.428、U:-9.0664、V:20.6801
Y:188.428、Db:-27.73、Dr:-44.826
Y:177.864、Cb:118.874、Cr:142.758
Y:186.096、Pb:-8.68、Pr:16.46
7.5YR 7/2近似、完全一致:Munsell 7.5YR 7/2 / #c3aaa1
#d4b4aa
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#d4b4aa
黒まで#d4b4aa
白まで#d4b4aa
前景
<p style="color: #d4b4aa; background-color: #000">#d4b4aa前景</p>
#d4b4aa
背景
<p style="background-color: #d4b4aa">#d4b4aa背景</p>
#d4b4aa
境界
<p style="border: #d4b4aa 3px solid">#d4b4aa境界</p>
#d4b4aa
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #d4b4aa, #fff); background: -webkit-radial-gradient(50% 50%, #d4b4aa, #fff); background: -o-radial-gradient(50% 50%, #d4b4aa, #fff); background: -ms-radial-gradient(50% 50%, #d4b4aa, #fff); background: radial-gradient(50% 50%, #d4b4aa, #fff)">#d4b4aa放射状グラデーション</p>
#d4b4aa
を補足するための#aac9d4
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #d4b4aa, #aac9d4); background: -webkit-linear-gradient(top, #d4b4aa, #aac9d4); background: -o-linear-gradient(top, #d4b4aa, #aac9d4); background: -ms-linear-gradient(top, #d4b4aa, #aac9d4); background: linear-gradient(top, #d4b4aa, #aac9d4); color: #000">
#d4b4aa
を補足するための#aac9d4
線上グラデーション</p>
#d4b4aa
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #d4b4aa">#d4b4aaテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#d4b4aa
に関連している順番で並べらられている。関連は、十六進法の色#d4b4aa
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: