色見本
RGB
CMYK
RYB
#f5ae4f十六進の色コード十六進の色コード#f5ae4f茶色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#f5ae4fは96.08%の赤色、68.24%の绿色、30.98%の青色でできている。HSLで色彩空間#f5ae4fは34.34度の色調、89.25%の彩度、63.53%の明るさを有している。この色は約598 nmの波長である。
#f5ae4f情報反転
#0a51b0 25% 飽和度
#ffaf44 濃淡階調
#a2a2a2
rgb(245, 174, 79)
rgba(245, 174, 79, 1.0)
赤色：79.6326%、黄色：96.0784%、青色：30.9804%
#f5ae4f
16100943
-676273 / 0xfff5ae4f
hsl(34, 89%, 64%)
hsla(34, 89%, 64%, 1.0)
色調：34（34.3373）、彩度：68（67.7551）、値：96（96.0784）
X：54.2035、Y：50.2491、Z：14.2393
x：0.4567、y：0.4234、Y：50.2491
L：76.2219、a：17.1272、b：57.486
L：76.2219、u：56.5184、v：62.7244
L：76.2219、C：59.9832、H：73.4093
L：70.8866、a：12.4387、b：37.7107
シアン色：0（0）、マゼンタ色：29（0.2898）、黄色：68（0.6776）、黒色：4（0.0392）
シアン色：4（0.0392）、マゼンタ色：32（0.3176）、黄色：69（0.6902）
Y：184.399、I：72.8158、Q：-14.5444
Y：184.399、U：-51.8645、V：53.166
Y：184.399、Db：-158.585、Dr：-115.258
Y：174.403、Cb：75.787、Cr：165.914
Y：182.283、Pb：-55.665、Pr：39.87
10YR 7/10近似、完全一致：Munsell 10YR 7/10 / #e5a23a
#f5ae4f配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#f5ae4f黒まで#f5ae4f白まで#f5ae4f前景
<p style="color: #f5ae4f; background-color: #000">#f5ae4f前景</p>
#f5ae4f背景
<p style="background-color: #f5ae4f">#f5ae4f背景</p>
#f5ae4f境界
<p style="border: #f5ae4f 3px solid">#f5ae4f境界</p>
#f5ae4f放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f5ae4f, #fff); background: -webkit-radial-gradient(50% 50%, #f5ae4f, #fff); background: -o-radial-gradient(50% 50%, #f5ae4f, #fff); background: -ms-radial-gradient(50% 50%, #f5ae4f, #fff); background: radial-gradient(50% 50%, #f5ae4f, #fff)">#f5ae4f放射状グラデーション</p>
#f5ae4fを補足するための#4f95f4線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f5ae4f, #4f95f4); background: -webkit-linear-gradient(top, #f5ae4f, #4f95f4); background: -o-linear-gradient(top, #f5ae4f, #4f95f4); background: -ms-linear-gradient(top, #f5ae4f, #4f95f4); background: linear-gradient(top, #f5ae4f, #4f95f4); color: #000">#f5ae4fを補足するための#4f95f4線上グラデーション</p>
#f5ae4fテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f5ae4f">#f5ae4fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#f5ae4fに関連している順番で並べらられている。関連は、十六進法の色#f5ae4fの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：