Colore #E57AFF, codici hex ed rgb, esempi

Informazioni

Il colore #E57AFF contiene principalmente il rosso e il blu. Per il #E57AFF il colore web safe è #CC66FF (#C6F).

Modello di colore RGB

Il colore E57AFF in RGB è definito come 229,122,255

Il rosso è 229;
Il verde è 122;
Il blu è 255.

RGB:
(229,122,255)
(90%,48%,100%)

Rapporto dei colori in RGB

R 229 da 255 = 90%
G 122 da 255 = 48%
B 255 da 255 = 100%

229

122

255

R + G + B ~ 79%. #E57AFF colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
229 + 122 + 255 = 606 (100%)
R 229 da 606 ~ 37.79%
G 122 da 606 ~ 20.13%
B 255 da 606 ~ 42.08%

%37.79

%20.13

%42.08

Modello di colore CMYK

Il colore #E57AFF in CMYK è definito come 10,52,0,0.

Il color verde blu è 10.20%
Il color magenta è 52.16%
Il giallo è 0.00%
Il colore chiave è 0.00%

CMYK:
(10,52,0,0)
C10M52Y0K0 
(10%,52%,0%,0%)
(0.10/0.52/0.00/0.00)

Canali CMYK in percentuale

%10.2

%52.16

Codici del colore

Il #E57AFF nei modelli di colore popolari.

	E5	7A	FF
RGB	229	122	255
HSL	288°	100.00%	73.92%
HSB/HSV	288°	52.16%	100.00%
CMYK	10.20%	52.16%	0.00%
CMYK	0.00%

Il #E57AFF nei modelli numerici popolari.

Esadicemale	E5	7A	FF
Decimale	229	122	255
Binario	11100101	1111010	11111111
Ottale	345	172	377

Tonalita del colore

Tonalità scure del colore #E57AFF

#E57AFF
(229,122,255)

#D16FE8
(209,111,232)

#BD64D1
(189,100,209)

#A959BA
(169,89,186)

#954EA3
(149,78,163)

#81438C
(129,67,140)

#6D3875
(109,56,117)

#592D5E
(89,45,94)

#452247
(69,34,71)

#311730
(49,23,48)

#1D0C19
(29,12,25)

#000000
(0,0,0)

Tonalità chiare del colore #E57AFF

#E57AFF
(229,122,255)

#E786FF
(231,134,255)

#E992FF
(233,146,255)

#EB9EFF
(235,158,255)

#EDAAFF
(237,170,255)

#EFB6FF
(239,182,255)

#F1C2FF
(241,194,255)

#F3CEFF
(243,206,255)

#F5DAFF
(245,218,255)

#F7E6FF
(247,230,255)

#F9F2FF
(249,242,255)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #E57AFF. Utilizzate rgb(229,122,255) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #E57AFF; }

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

Il colore di questo testo è #E57AFF.

Colore dello sfondo

.myBgColor { background-color: #E57AFF; }

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

Questo div ha lo sfondo di colore #E57AFF.

Colore del bordo

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

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

Questo div ha i bordi di colore E57AFF.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #E57AFF.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #E57AFF.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #E57AFF

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

Esempio del testo bianco sullo sfondo del colore #E57AFF

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

COLORE #E57AFF