Colore #ED002A, codici hex ed rgb, esempi

Informazioni

Il colore #ED002A contiene principalmente il rosso. Per il #ED002A il colore web safe è #FF0033 (#F03).

Modello di colore RGB

Il colore ED002A in RGB è definito come 237,0,42

Il rosso è 237;
Il verde è 0;
Il blu è 42.

RGB:
(237,0,42)
(93%,0%,16%)

Rapporto dei colori in RGB

R 237 da 255 = 93%
G 0 da 255 = 0%
B 42 da 255 = 16%

237

R + G + B ~ 36%. #ED002A colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
237 + 0 + 42 = 279 (100%)
R 237 da 279 ~ 84.95%
G 0 da 279 ~ 0%
B 42 da 279 ~ 15.05%

%84.95

%15.05

Modello di colore CMYK

Il colore #ED002A in CMYK è definito come 0,100,82,7.

Il color verde blu è 0.00%
Il color magenta è 100.00%
Il giallo è 82.28%
Il colore chiave è 7.06%

CMYK:
(0,100,82,7)
C0M100Y82K7 
(0%,100%,82%,7%)
(0.00/1.00/0.82/0.07)

Canali CMYK in percentuale

%100

%82.28

%7.06

Codici del colore

Il #ED002A nei modelli di colore popolari.

	ED	00	2A
RGB	237	0	42
HSL	349°	100.00%	46.47%
HSB/HSV	349°	100.00%	92.94%
CMYK	0.00%	100.00%	82.28%
CMYK	7.06%

Il #ED002A nei modelli numerici popolari.

Esadicemale	ED	00	2A
Decimale	237	0	42
Binario	11101101	0	101010
Ottale	355	0	52

Tonalita del colore

Tonalità scure del colore #ED002A

#ED002A
(237,0,42)

#D80027
(216,0,39)

#C30024
(195,0,36)

#AE0021
(174,0,33)

#99001E
(153,0,30)

#84001B
(132,0,27)

#6F0018
(111,0,24)

#5A0015
(90,0,21)

#450012
(69,0,18)

#30000F
(48,0,15)

#1B000C
(27,0,12)

#000000
(0,0,0)

Tonalità chiare del colore #ED002A

#ED002A
(237,0,42)

#EE173D
(238,23,61)

#EF2E50
(239,46,80)

#F04563
(240,69,99)

#F15C76
(241,92,118)

#F27389
(242,115,137)

#F38A9C
(243,138,156)

#F4A1AF
(244,161,175)

#F5B8C2
(245,184,194)

#F6CFD5
(246,207,213)

#F7E6E8
(247,230,232)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #ED002A. Utilizzate rgb(237,0,42) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #ED002A; }

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

Il colore di questo testo è #ED002A.

Colore dello sfondo

.myBgColor { background-color: #ED002A; }

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

Questo div ha lo sfondo di colore #ED002A.

Colore del bordo

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

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

Questo div ha i bordi di colore ED002A.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #ED002A.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #ED002A.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #ED002A

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

Esempio del testo bianco sullo sfondo del colore #ED002A

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

COLORE #ED002A