色見本
RGB
CMYK
RYB
#c3a957十六進の色コード十六進の色コード#c3a957黄色の色合いです。光の三原色RGBにおいて色モデル#c3a957は76.47%の赤色、66.27%の绿色、34.12%の青色でできている。HSLで色彩空間#c3a957は45.56度の色調、47.37%の彩度、55.29%の明るさを有している。この色は約591 nmの波長である。
#c3a957情報反転
#3c56a8 25% 飽和度
#d0b049 濃淡階調
#8d8d8d
rgb(195, 169, 87)
rgba(195, 169, 87, 1.0)
赤色：47.5466%、黄色：76.4706%、青色：34.1176%
#c3a957
12822871
-3954345 / 0xffc3a957
hsl(46, 47%, 55%)
hsla(46, 47%, 55%, 1.0)
色調：46（45.5556）、彩度：55（55.3846）、値：76（76.4706）
X：38.4139、Y：40.6662、Z：14.8415
x：0.409、y：0.433、Y：40.6662
L：69.9414、a：-0.7619、b：45.2461
L：69.9414、u：21.7379、v：54.4163
L：69.9414、C：45.2526、H：90.9648
L：63.77、a：-4.0723、b：30.8401
シアン色：0（0）、マゼンタ色：13（0.1333）、黄色：55（0.5538）、黒色：24（0.2353）
シアン色：24（0.2353）、マゼンタ色：34（0.3373）、黄色：66（0.6588）
Y：167.426、I：41.8322、Q：-20.0152
Y：167.426、U：-39.5757、V：24.1908
Y：167.426、Db：-121.006、Dr：-52.452
Y：159.817、Cb：88.154、Cr：145.236
Y：168.634、Pb：-43.99、Pr：16.772
5Y 7/6近似、完全一致：Munsell 5Y 7/6 / #c8ac64
#c3a957配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#c3a957黒まで#c3a957白まで#c3a957前景
<p style="color: #c3a957; background-color: #000">#c3a957前景</p>
#c3a957背景
<p style="background-color: #c3a957">#c3a957背景</p>
#c3a957境界
<p style="border: #c3a957 3px solid">#c3a957境界</p>
#c3a957放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #c3a957, #fff); background: -webkit-radial-gradient(50% 50%, #c3a957, #fff); background: -o-radial-gradient(50% 50%, #c3a957, #fff); background: -ms-radial-gradient(50% 50%, #c3a957, #fff); background: radial-gradient(50% 50%, #c3a957, #fff)">#c3a957放射状グラデーション</p>
#c3a957を補足するための#5771c3線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #c3a957, #5771c3); background: -webkit-linear-gradient(top, #c3a957, #5771c3); background: -o-linear-gradient(top, #c3a957, #5771c3); background: -ms-linear-gradient(top, #c3a957, #5771c3); background: linear-gradient(top, #c3a957, #5771c3); color: #000">#c3a957を補足するための#5771c3線上グラデーション</p>
#c3a957テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #c3a957">#c3a957テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#c3a957に関連している順番で並べらられている。関連は、十六進法の色#c3a957の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：