Colore #E24F94, codici hex ed rgb, esempi

Informazioni

Il colore #E24F94 contiene principalmente il rosso. Per il #E24F94 il colore web safe è #CC6699 (#C69).

Modello di colore RGB

Il colore E24F94 in RGB è definito come 226,79,148

Il rosso è 226;
Il verde è 79;
Il blu è 148.

RGB:
(226,79,148)
(89%,31%,58%)

Rapporto dei colori in RGB

R 226 da 255 = 89%
G 79 da 255 = 31%
B 148 da 255 = 58%

226

148

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

Canali RGB in percentuale

R + G + B =
226 + 79 + 148 = 453 (100%)
R 226 da 453 ~ 49.89%
G 79 da 453 ~ 17.44%
B 148 da 453 ~ 32.67%

%49.89

%17.44

%32.67

Modello di colore CMYK

Il colore #E24F94 in CMYK è definito come 0,65,35,11.

Il color verde blu è 0.00%
Il color magenta è 65.04%
Il giallo è 34.51%
Il colore chiave è 11.37%

CMYK:
(0,65,35,11)
C0M65Y35K11 
(0%,65%,35%,11%)
(0.00/0.65/0.35/0.11)

Canali CMYK in percentuale

%65.04

%34.51

%11.37

Codici del colore

Il #E24F94 nei modelli di colore popolari.

	E2	4F	94
RGB	226	79	148
HSL	332°	71.71%	59.80%
HSB/HSV	332°	65.04%	88.63%
CMYK	0.00%	65.04%	34.51%
CMYK	11.37%

Il #E24F94 nei modelli numerici popolari.

Esadicemale	E2	4F	94
Decimale	226	79	148
Binario	11100010	1001111	10010100
Ottale	342	117	224

Tonalita del colore

Tonalità scure del colore #E24F94

#E24F94
(226,79,148)

#CE4887
(206,72,135)

#BA417A
(186,65,122)

#A63A6D
(166,58,109)

#923360
(146,51,96)

#7E2C53
(126,44,83)

#6A2546
(106,37,70)

#561E39
(86,30,57)

#42172C
(66,23,44)

#2E101F
(46,16,31)

#1A0912
(26,9,18)

#000000
(0,0,0)

Tonalità chiare del colore #E24F94

#E24F94
(226,79,148)

#E45F9D
(228,95,157)

#E66FA6
(230,111,166)

#E87FAF
(232,127,175)

#EA8FB8
(234,143,184)

#EC9FC1
(236,159,193)

#EEAFCA
(238,175,202)

#F0BFD3
(240,191,211)

#F2CFDC
(242,207,220)

#F4DFE5
(244,223,229)

#F6EFEE
(246,239,238)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #E24F94. Utilizzate rgb(226,79,148) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #E24F94; }

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

Il colore di questo testo è #E24F94.

Colore dello sfondo

.myBgColor { background-color: #E24F94; }

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

Questo div ha lo sfondo di colore #E24F94.

Colore del bordo

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

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

Questo div ha i bordi di colore E24F94.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #E24F94.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #E24F94.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #E24F94

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

Esempio del testo bianco sullo sfondo del colore #E24F94

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

COLORE #E24F94