色見本
RGB
CMYK
RYB
#f8b400十六進の色コード十六進の色コード#f8b400黄色の色合いです。光の三原色RGBにおいて色モデル#f8b400は97.25%の赤色、70.59%の绿色、0%の青色でできている。HSLで色彩空間#f8b400は43.55度の色調、100%の彩度、48.63%の明るさを有している。この色は約593 nmの波長である。Tollens T2061-4とBrillux 06.21.15はペイントカラーに調和している。
#f8b400情報反転
#074bff 25% 飽和度
#f8b300 濃淡階調
#7c7c7c
rgb(248, 180, 0)
rgba(248, 180, 0, 1.0)
赤色：36.7407%、黄色：97.2549%、青色：0%
#f8b400
16299008
-478208 / 0xfff8b400
hsl(44, 100%, 49%)
hsla(44, 100%, 49%, 1.0)
色調：44（43.5484）、彩度：100（100）、値：97（97.2549）
X：55.0327、Y：52.599、Z：7.2521
x：0.479、y：0.4578、Y：52.599
L：77.6376、a：13.1284、b：80.3734
L：77.6376、u：56.9432、v：79.176
L：77.6376、C：81.4386、H：80.7231
L：72.5252、a：8.5282、b：44.839
シアン色：0（0）、マゼンタ色：27（0.2742）、黄色：100（1）、黒色：3（0.0275）
シアン色：3（0.0275）、マゼンタ色：29（0.2941）、黄色：100（1）
Y：179.812、I：98.336、Q：-41.6253
Y：179.812、U：-88.483、V：59.8218
Y：179.812、Db：-270.54、Dr：-129.704
Y：170.456、Cb：38.916、Cr：170.632
Y：181.524、Pb：-97.82、Pr：42.28
2.5Y 8/12近似、完全一致：Munsell 2.5Y 8/12 / #fec01d
#f8b400配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#f8b400黒まで#f8b400白まで#f8b400前景
<p style="color: #f8b400; background-color: #000">#f8b400前景</p>
#f8b400背景
<p style="background-color: #f8b400">#f8b400背景</p>
#f8b400境界
<p style="border: #f8b400 3px solid">#f8b400境界</p>
#f8b400放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f8b400, #fff); background: -webkit-radial-gradient(50% 50%, #f8b400, #fff); background: -o-radial-gradient(50% 50%, #f8b400, #fff); background: -ms-radial-gradient(50% 50%, #f8b400, #fff); background: radial-gradient(50% 50%, #f8b400, #fff)">#f8b400放射状グラデーション</p>
#f8b400を補足するための#0043f8線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f8b400, #0043f8); background: -webkit-linear-gradient(top, #f8b400, #0043f8); background: -o-linear-gradient(top, #f8b400, #0043f8); background: -ms-linear-gradient(top, #f8b400, #0043f8); background: linear-gradient(top, #f8b400, #0043f8); color: #000">#f8b400を補足するための#0043f8線上グラデーション</p>
#f8b400テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f8b400">#f8b400テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#f8b400に関連している順番で並べらられている。関連は、十六進法の色#f8b400の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：