#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
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: