色見本
RGB
CMYK
RYB
#e36c2a十六進の色コード十六進の色コード#e36c2aオレンジ色の色合いです。光の三原色RGBにおいて色モデル#e36c2aは89.02%の赤色、42.35%の绿色、16.47%の青色でできている。HSLで色彩空間#e36c2aは21.41度の色調、76.76%の彩度、52.75%の明るさを有している。この色は約607 nmの波長である。Australian Standard AS2700 X15 Orangeはペイントカラーに調和している。
#e36c2a情報反転
#1c93d5 25% 飽和度
#fa6512 濃淡階調
#868686
rgb(227, 108, 42)
rgba(227, 108, 42, 1.0)
赤色：89.0196%、黄色：56.7079%、青色：16.4706%
#e36c2a
14904362
-1872854 / 0xffe36c2a
hsl(21, 77%, 53%)
hsla(21, 77%, 53%, 1.0)
色調：21（21.4054）、彩度：81（81.4978）、値：89（89.0196）
X：37.459、Y：27.2232、Z：5.4708
x：0.534、y：0.3881、Y：27.2232
L：59.1803、a：42.533、b：55.8207
L：59.1803、u：97.189、v：47.4947
L：59.1803、C：70.1784、H：52.6942
L：52.1758、a：36.8443、b：30.3064
シアン色：0（0）、マゼンタ色：52（0.5242）、黄色：81（0.815）、黒色：11（0.1098）
シアン色：11（0.1098）、マゼンタ色：58（0.5765）、黄色：84（0.8353）
Y：136.057、I：92.0936、Q：4.6284
Y：136.057、U：-46.2834、V：79.7857
Y：136.057、Db：-141.528、Dr：-172.949
Y：132.887、Cb：81.414、Cr：184.927
Y：128.595、Pb：-46.685、Pr：62.536
2.5YR 6/12近似、完全一致：Munsell 2.5YR 6/12 / #e87434
#e36c2a配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#e36c2a黒まで#e36c2a白まで#e36c2a前景
<p style="color: #e36c2a; background-color: #000">#e36c2a前景</p>
#e36c2a背景
<p style="background-color: #e36c2a">#e36c2a背景</p>
#e36c2a境界
<p style="border: #e36c2a 3px solid">#e36c2a境界</p>
#e36c2a放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #e36c2a, #fff); background: -webkit-radial-gradient(50% 50%, #e36c2a, #fff); background: -o-radial-gradient(50% 50%, #e36c2a, #fff); background: -ms-radial-gradient(50% 50%, #e36c2a, #fff); background: radial-gradient(50% 50%, #e36c2a, #fff)">#e36c2a放射状グラデーション</p>
#e36c2aを補足するための#2aa0e2線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #e36c2a, #2aa0e2); background: -webkit-linear-gradient(top, #e36c2a, #2aa0e2); background: -o-linear-gradient(top, #e36c2a, #2aa0e2); background: -ms-linear-gradient(top, #e36c2a, #2aa0e2); background: linear-gradient(top, #e36c2a, #2aa0e2); color: #000">#e36c2aを補足するための#2aa0e2線上グラデーション</p>
#e36c2aテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #e36c2a">#e36c2aテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#e36c2aに関連している順番で並べらられている。関連は、十六進法の色#e36c2aの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：