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