#d5ab2c
十六進の色コード十六進の色コード#d5ab2c
黄色の色合いです。光の三原色RGBにおいて色モデル#d5ab2c
は83.53%の赤色、67.06%の绿色、17.25%の青色でできている。HSLで色彩空間#d5ab2c
は45.09度の色調、66.8%の彩度、50.39%の明るさを有している。この色は約592 nmの波長である。Dunn-Edwards Brassy / 1695とCalifornia Paints DEA 122 - Brassyはペイントカラーに調和している。
#d5ab2c
情報反転
#2a54d3 25% 飽和度
#eab516 濃淡階調
#808080
rgb(213, 171, 44)
rgba(213, 171, 44, 1.0)
赤色:39.1725%、黄色:83.5294%、青色:17.2549%
#d5ab2c
14002988
-2774228 / 0xffd5ab2c
hsl(45, 67%, 50%)
hsla(45, 67%, 50%, 1.0)
色調:45(45.0888)、彩度:79(79.3427)、値:84(83.5294)
X:42.4581、Y:43.4538、Z:8.5325
x:0.4496、y:0.4601、Y:43.4538
L:71.8619、a:3.5026、b:65.9001
L:71.8619、u:35.5778、v:70.0092
L:71.8619、C:65.9931、H:86.9576
L:65.9195、a:-0.389、b:38.4692
シアン色:0(0)、マゼンタ色:20(0.1972)、黄色:79(0.7934)、黒色:16(0.1647)
シアン色:16(0.1647)、マゼンタ色:33(0.3294)、黄色:83(0.8275)
Y:169.08、I:65.8205、Q:-30.633
Y:169.08、U:-61.5497、V:38.5313
Y:169.08、Db:-188.191、Dr:-83.545
Y:161.237、Cb:66.031、Cr:155.455
Y:170.802、Pb:-68.33、Pr:26.842
5Y 7/10近似、完全一致:Munsell 5Y 7/10 / #d1ab1c
#d5ab2c
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#d5ab2c
黒まで#d5ab2c
白まで#d5ab2c
前景
<p style="color: #d5ab2c; background-color: #000">#d5ab2c前景</p>
#d5ab2c
背景
<p style="background-color: #d5ab2c">#d5ab2c背景</p>
#d5ab2c
境界
<p style="border: #d5ab2c 3px solid">#d5ab2c境界</p>
#d5ab2c
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #d5ab2c, #fff); background: -webkit-radial-gradient(50% 50%, #d5ab2c, #fff); background: -o-radial-gradient(50% 50%, #d5ab2c, #fff); background: -ms-radial-gradient(50% 50%, #d5ab2c, #fff); background: radial-gradient(50% 50%, #d5ab2c, #fff)">#d5ab2c放射状グラデーション</p>
#d5ab2c
を補足するための#2b55d5
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #d5ab2c, #2b55d5); background: -webkit-linear-gradient(top, #d5ab2c, #2b55d5); background: -o-linear-gradient(top, #d5ab2c, #2b55d5); background: -ms-linear-gradient(top, #d5ab2c, #2b55d5); background: linear-gradient(top, #d5ab2c, #2b55d5); color: #000">
#d5ab2c
を補足するための#2b55d5
線上グラデーション</p>
#d5ab2c
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #d5ab2c">#d5ab2cテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#d5ab2c
に関連している順番で並べらられている。関連は、十六進法の色#d5ab2c
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: