色見本
RGB
CMYK
RYB
#e5871f十六進の色コード十六進の色コード#e5871f茶色の色合いです。光の三原色RGBにおいて色モデル#e5871fは89.8%の赤色、52.94%の绿色、12.16%の青色でできている。HSLで色彩空間#e5871fは31.52度の色調、79.2%の彩度、50.98%の明るさを有している。この色は約600 nmの波長である。Tollens UC012 Orange Copenhagueはペイントカラーに調和している。
#e5871f情報反転
#1a78e0 25% 飽和度
#fd8806 濃淡階調
#828282
rgb(229, 135, 31)
rgba(229, 135, 31, 1.0)
赤色：82.3379%、黄色：89.8039%、青色：12.1569%
#e5871f
15042335
-1734881 / 0xffe5871f
hsl(32, 79%, 51%)
hsla(32, 79%, 51%, 1.0)
色調：32（31.5152）、彩度：86（86.4629）、値：90（89.8039）
X：41.2244、Y：34.0849、Z：5.7026
x：0.5089、y：0.4207、Y：34.0849
L：65.0299、a：29.2124、b：64.8781
L：65.0299、u：77.4837、v：59.3622
L：65.0299、C：71.1515、H：65.7596
L：58.3823、a：23.872、b：35.0763
シアン色：0（0）、マゼンタ色：41（0.4105）、黄色：86（0.8646）、黒色：10（0.102）
シアン色：10（0.102）、マゼンタ色：47（0.4706）、黄色：88（0.8784）
Y：151.25、I：89.4087、Q：-12.4812
Y：151.25、U：-59.1729、V：68.211
Y：151.25、Db：-180.932、Dr：-147.87
Y：145.931、Cb：68.432、Cr：176.65
Y：147.534、Pb：-62.81、Pr：51.784
5YR 6/12近似、完全一致：Munsell 5YR 6/12 / #df7b1d
#e5871f配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#e5871f黒まで#e5871f白まで#e5871f前景
<p style="color: #e5871f; background-color: #000">#e5871f前景</p>
#e5871f背景
<p style="background-color: #e5871f">#e5871f背景</p>
#e5871f境界
<p style="border: #e5871f 3px solid">#e5871f境界</p>
#e5871f放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #e5871f, #fff); background: -webkit-radial-gradient(50% 50%, #e5871f, #fff); background: -o-radial-gradient(50% 50%, #e5871f, #fff); background: -ms-radial-gradient(50% 50%, #e5871f, #fff); background: radial-gradient(50% 50%, #e5871f, #fff)">#e5871f放射状グラデーション</p>
#e5871fを補足するための#1f7de4線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #e5871f, #1f7de4); background: -webkit-linear-gradient(top, #e5871f, #1f7de4); background: -o-linear-gradient(top, #e5871f, #1f7de4); background: -ms-linear-gradient(top, #e5871f, #1f7de4); background: linear-gradient(top, #e5871f, #1f7de4); color: #000">#e5871fを補足するための#1f7de4線上グラデーション</p>
#e5871fテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #e5871f">#e5871fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#e5871fに関連している順番で並べらられている。関連は、十六進法の色#e5871fの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：