Colore #E86C18, codici hex ed rgb, esempi

Informazioni

Il colore #E86C18 contiene principalmente il rosso. Per il #E86C18 il colore web safe è #FF6600 (#F60).

Modello di colore RGB

Il colore E86C18 in RGB è definito come 232,108,24

Il rosso è 232;
Il verde è 108;
Il blu è 24.

RGB:
(232,108,24)
(91%,42%,9%)

Rapporto dei colori in RGB

R 232 da 255 = 91%
G 108 da 255 = 42%
B 24 da 255 = 9%

232

108

R + G + B ~ 47%. #E86C18 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
232 + 108 + 24 = 364 (100%)
R 232 da 364 ~ 63.74%
G 108 da 364 ~ 29.67%
B 24 da 364 ~ 6.59%

%63.74

%29.67

Modello di colore CMYK

Il colore #E86C18 in CMYK è definito come 0,53,90,9.

Il color verde blu è 0.00%
Il color magenta è 53.45%
Il giallo è 89.66%
Il colore chiave è 9.02%

CMYK:
(0,53,90,9)
C0M53Y90K9 
(0%,53%,90%,9%)
(0.00/0.53/0.90/0.09)

Canali CMYK in percentuale

%53.45

%89.66

%9.02

Codici del colore

Il #E86C18 nei modelli di colore popolari.

	E8	6C	18
RGB	232	108	24
HSL	24°	81.89%	50.20%
HSB/HSV	24°	89.66%	90.98%
CMYK	0.00%	53.45%	89.66%
CMYK	9.02%

Il #E86C18 nei modelli numerici popolari.

Esadicemale	E8	6C	18
Decimale	232	108	24
Binario	11101000	1101100	11000
Ottale	350	154	30

Tonalita del colore

Tonalità scure del colore #E86C18

#E86C18
(232,108,24)

#D36316
(211,99,22)

#BE5A14
(190,90,20)

#A95112
(169,81,18)

#944810
(148,72,16)

#7F3F0E
(127,63,14)

#6A360C
(106,54,12)

#552D0A
(85,45,10)

#402408
(64,36,8)

#2B1B06
(43,27,6)

#161204
(22,18,4)

#000000
(0,0,0)

Tonalità chiare del colore #E86C18

#E86C18
(232,108,24)

#EA792D
(234,121,45)

#EC8642
(236,134,66)

#EE9357
(238,147,87)

#F0A06C
(240,160,108)

#F2AD81
(242,173,129)

#F4BA96
(244,186,150)

#F6C7AB
(246,199,171)

#F8D4C0
(248,212,192)

#FAE1D5
(250,225,213)

#FCEEEA
(252,238,234)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #E86C18. Utilizzate rgb(232,108,24) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #E86C18; }

<p style="color:#E86C18">This sample text font color is #E86C18.</p>

Il colore di questo testo è #E86C18.

Colore dello sfondo

.myBgColor { background-color: #E86C18; }

<div style="background-color:#E86C18">Inner text</div>

Questo div ha lo sfondo di colore #E86C18.

Colore del bordo

.myBorderColor { border: 1px solid #E86C18; }

<div style="border:3px solid #E86C18">Div</div>

Questo div ha i bordi di colore E86C18.

Trasparenza

.myOpacity80 { color: #E86C18; opacity: 0.8; }

<p style="color:#E86C18;opacity:0.8;">80%</p>

Il testo di color #E86C18 e trasparenza 100% | 80% | 50% | 30%.

Sfondo con il livello di trasparenza 100%.

Sfondo con il livello di trasparenza 80%.

Sfondo con il livello di trasparenza 50%.

Sfondo con il livello di trasparenza 30%.

Colore dell'ombra del testo

.textShadow {text-shadow: 3px 3px 1px #E86C18;}

<p style="text-shadow: 3px 3px 1px #E86C18">Text here.</p>

Questo testo ha l'ombra di colore #E86C18.

.textShadow {text-shadow: 3px 3px 1px #E86C18, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #E86C18, 5px 5px 20px red">Text here.</p>

Questo testo ha l'ombra del colore principale #E86C18 e del colore secondario rosso.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#E86C18, Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#E86C18, Direction=45, Strength=4)">Text</p>

This text has shadow with #E86C18 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #E86C18;
  -webkit-box-shadow:	1px 1px 3px 2px #E86C18;
  box-shadow:		1px 1px 3px 2px #E86C18;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #E86C18;
-webkit-box-shadow: 1px 1px 3px 2px #E86C18;
box-shadow:1px 1px 3px 2px #E86C18;">
Div content here</div>

Questo div ha l'ombra di colore #E86C18.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #E86C18 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #E86C18 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #E86C18

Questo è un testo nero sullo sfondo del colore #E86C18.

Esempio del testo bianco sullo sfondo del colore #E86C18

Questo è un testo bianco sullo sfondo del colore #E86C18.

COLORE #E86C18