Colore #E78D46, codici hex ed rgb, esempi

Informazioni

Il colore #E78D46 contiene principalmente il rosso. Per il #E78D46 il colore web safe è #FF9933 (#F93).

Modello di colore RGB

Il colore E78D46 in RGB è definito come 231,141,70

Il rosso è 231;
Il verde è 141;
Il blu è 70.

RGB:
(231,141,70)
(91%,55%,27%)

Rapporto dei colori in RGB

R 231 da 255 = 91%
G 141 da 255 = 55%
B 70 da 255 = 27%

231

141

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

Canali RGB in percentuale

R + G + B =
231 + 141 + 70 = 442 (100%)
R 231 da 442 ~ 52.26%
G 141 da 442 ~ 31.9%
B 70 da 442 ~ 15.84%

%52.26

%31.9

%15.84

Modello di colore CMYK

Il colore #E78D46 in CMYK è definito come 0,39,70,9.

Il color verde blu è 0.00%
Il color magenta è 38.96%
Il giallo è 69.70%
Il colore chiave è 9.41%

CMYK:
(0,39,70,9)
C0M39Y70K9 
(0%,39%,70%,9%)
(0.00/0.39/0.70/0.09)

Canali CMYK in percentuale

%38.96

%69.7

%9.41

Codici del colore

Il #E78D46 nei modelli di colore popolari.

	E7	8D	46
RGB	231	141	70
HSL	26°	77.03%	59.02%
HSB/HSV	26°	69.70%	90.59%
CMYK	0.00%	38.96%	69.70%
CMYK	9.41%

Il #E78D46 nei modelli numerici popolari.

Esadicemale	E7	8D	46
Decimale	231	141	70
Binario	11100111	10001101	1000110
Ottale	347	215	106

Tonalita del colore

Tonalità scure del colore #E78D46

#E78D46
(231,141,70)

#D28140
(210,129,64)

#BD753A
(189,117,58)

#A86934
(168,105,52)

#935D2E
(147,93,46)

#7E5128
(126,81,40)

#694522
(105,69,34)

#54391C
(84,57,28)

#3F2D16
(63,45,22)

#2A2110
(42,33,16)

#15150A
(21,21,10)

#000000
(0,0,0)

Tonalità chiare del colore #E78D46

#E78D46
(231,141,70)

#E99756
(233,151,86)

#EBA166
(235,161,102)

#EDAB76
(237,171,118)

#EFB586
(239,181,134)

#F1BF96
(241,191,150)

#F3C9A6
(243,201,166)

#F5D3B6
(245,211,182)

#F7DDC6
(247,221,198)

#F9E7D6
(249,231,214)

#FBF1E6
(251,241,230)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #E78D46. Utilizzate rgb(231,141,70) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #E78D46; }

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

Il colore di questo testo è #E78D46.

Colore dello sfondo

.myBgColor { background-color: #E78D46; }

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

Questo div ha lo sfondo di colore #E78D46.

Colore del bordo

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

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

Questo div ha i bordi di colore E78D46.

Trasparenza

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

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

Il testo di color #E78D46 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 #E78D46;}

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

Questo testo ha l'ombra di colore #E78D46.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #E78D46.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #E78D46

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

Esempio del testo bianco sullo sfondo del colore #E78D46

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

COLORE #E78D46