COLORE #E64C32

HEX: #E64C32
RGB: (230,76,50)

Informazioni

Il colore #E64C32 contiene principalmente il rosso. Per il #E64C32 il colore web safe è #CC3333 (#C33).

Modello di colore RGB

Il colore E64C32 in RGB è definito come 230,76,50

  • Il rosso è 230;
  • Il verde è 76;
  • Il blu è 50.
RGB:
(230,76,50)
(90%,30%,20%)

Rapporto dei colori in RGB

R 230 da 255 = 90%
G 76 da 255 = 30%
B 50 da 255 = 20%

230
76
50

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

Canali RGB in percentuale

R + G + B =
230 + 76 + 50 = 356 (100%)
R 230 da 356 ~ 64.61%
G 76 da 356 ~ 21.35%
B 50 da 356 ~ 14.04%

%64.61
%21.35
%14.04

Modello di colore CMYK

Il colore #E64C32 in CMYK è definito come 0,67,78,10.

  • Il color verde blu è 0.00%
  • Il color magenta è 66.96%
  • Il giallo è 78.26%
  • Il colore chiave è 9.80%
CMYK:
(0,67,78,10)
C0M67Y78K10 
(0%,67%,78%,10%)
(0.00/0.67/0.78/0.10)	

Canali CMYK in percentuale

%0
%66.96
%78.26
%9.8

Codici del colore

Il #E64C32 nei modelli di colore popolari.

E64C32
RGB2307650
HSL78.26%54.90%
HSB/HSV78.26%90.20%
CMYK0.00%66.96%78.26%
9.80%

Il #E64C32 nei modelli numerici popolari.

EsadicemaleE64C32
Decimale2307650
Binario111001101001100110010
Ottale34611462

Tonalita del colore

Tonalità scure del colore #E64C32

#E64C32
(230,76,50)
#D2462E
(210,70,46)
#BE402A
(190,64,42)
#AA3A26
(170,58,38)
#963422
(150,52,34)
#822E1E
(130,46,30)
#6E281A
(110,40,26)
#5A2216
(90,34,22)
#461C12
(70,28,18)
#32160E
(50,22,14)
#1E100A
(30,16,10)
#000000
(0,0,0)

Tonalità chiare del colore #E64C32

#E64C32
(230,76,50)
#E85C44
(232,92,68)
#EA6C56
(234,108,86)
#EC7C68
(236,124,104)
#EE8C7A
(238,140,122)
#F09C8C
(240,156,140)
#F2AC9E
(242,172,158)
#F4BCB0
(244,188,176)
#F6CCC2
(246,204,194)
#F8DCD4
(248,220,212)
#FAECE6
(250,236,230)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #E64C32. Utilizzate rgb(230,76,50) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #E64C32; }

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

Il colore di questo testo è #E64C32.


Colore dello sfondo

.myBgColor { background-color: #E64C32; }

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

Questo div ha lo sfondo di colore #E64C32.


Colore del bordo

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

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

Questo div ha i bordi di colore E64C32.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #E64C32.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #E64C32;
-webkit-box-shadow: 1px 1px 3px 2px #E64C32;
box-shadow:1px 1px 3px 2px #E64C32;">
Div content here</div>
Questo div ha l'ombra di colore #E64C32.

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #E64C32

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


Esempio del testo bianco sullo sfondo del colore #E64C32

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