色見本
RGB
CMYK
RYB
#f0b038十六進の色コード十六進の色コード#f0b038茶色の色合いです。光の三原色RGBにおいて色モデル#f0b038は94.12%の赤色、69.02%の绿色、21.96%の青色でできている。HSLで色彩空間#f0b038は39.13度の色調、85.98%の彩度、58.04%の明るさを有している。この色は約595 nmの波長である。Caparol 1110はペイントカラーに調和している。
#f0b038情報反転
#0f4fc7 25% 飽和度
#ffb428 濃淡階調
#939393
rgb(240, 176, 56)
rgba(240, 176, 56, 1.0)
赤色：60.4444%、黄色：94.1176%、青色：21.9608%
#f0b038
15773752
-1003464 / 0xfff0b038
hsl(39, 86%, 58%)
hsla(39, 86%, 58%, 1.0)
色調：39（39.1304）、彩度：77（76.6667）、値：94（94.1176）
X：52.1743、Y：49.8615、Z：10.6157
x：0.4631、y：0.4426、Y：49.8615
L：75.9841、a：12.9119、b：66.5428
L：75.9841、u：52.3682、v：70.1997
L：75.9841、C：67.7839、H：79.0189
L：70.6126、a：8.3181、b：40.5153
シアン色：0（0）、マゼンタ色：27（0.2667）、黄色：77（0.7667）、黒色：6（0.0588）
シアン色：6（0.0588）、マゼンタ色：31（0.3098）、黄色：78（0.7804）
Y：181.456、I：76.6774、Q：-23.803
Y：181.456、U：-61.7346、V：51.3612
Y：181.456、Db：-188.76、Dr：-111.352
Y：171.872、Cb：65.848、Cr：164.616
Y：180.992、Pb：-67.36、Pr：37.52
2.5Y 7/10近似、完全一致：Munsell 2.5Y 7/10 / #dca62b
#f0b038配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#f0b038黒まで#f0b038白まで#f0b038前景
<p style="color: #f0b038; background-color: #000">#f0b038前景</p>
#f0b038背景
<p style="background-color: #f0b038">#f0b038背景</p>
#f0b038境界
<p style="border: #f0b038 3px solid">#f0b038境界</p>
#f0b038放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f0b038, #fff); background: -webkit-radial-gradient(50% 50%, #f0b038, #fff); background: -o-radial-gradient(50% 50%, #f0b038, #fff); background: -ms-radial-gradient(50% 50%, #f0b038, #fff); background: radial-gradient(50% 50%, #f0b038, #fff)">#f0b038放射状グラデーション</p>
#f0b038を補足するための#3878ef線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f0b038, #3878ef); background: -webkit-linear-gradient(top, #f0b038, #3878ef); background: -o-linear-gradient(top, #f0b038, #3878ef); background: -ms-linear-gradient(top, #f0b038, #3878ef); background: linear-gradient(top, #f0b038, #3878ef); color: #000">#f0b038を補足するための#3878ef線上グラデーション</p>
#f0b038テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f0b038">#f0b038テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#f0b038に関連している順番で並べらられている。関連は、十六進法の色#f0b038の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：