Colore #DE2525, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore DE2525 in RGB è definito come 222,37,37

Il rosso è 222;
Il verde è 37;
Il blu è 37.

RGB:
(222,37,37)
(87%,15%,15%)

Rapporto dei colori in RGB

R 222 da 255 = 87%
G 37 da 255 = 15%
B 37 da 255 = 15%

222

R + G + B ~ 39%. #DE2525 colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
222 + 37 + 37 = 296 (100%)
R 222 da 296 ~ 75%
G 37 da 296 ~ 12.5%
B 37 da 296 ~ 12.5%

%75

%12.5

Modello di colore CMYK

Il colore #DE2525 in CMYK è definito come 0,83,83,13.

Il color verde blu è 0.00%
Il color magenta è 83.33%
Il giallo è 83.33%
Il colore chiave è 12.94%

CMYK:
(0,83,83,13)
C0M83Y83K13 
(0%,83%,83%,13%)
(0.00/0.83/0.83/0.13)

Canali CMYK in percentuale

%83.33

%12.94

Codici del colore

Il #DE2525 nei modelli di colore popolari.

	DE	25	25
RGB	222	37	37
HSL	0°	73.71%	50.78%
HSB/HSV	0°	83.33%	87.06%
CMYK	0.00%	83.33%	83.33%
CMYK	12.94%

Il #DE2525 nei modelli numerici popolari.

Esadicemale	DE	25	25
Decimale	222	37	37
Binario	11011110	100101	100101
Ottale	336	45	45

Tonalita del colore

Tonalità scure del colore #DE2525

#DE2525
(222,37,37)

#CA2222
(202,34,34)

#B61F1F
(182,31,31)

#A21C1C
(162,28,28)

#8E1919
(142,25,25)

#7A1616
(122,22,22)

#661313
(102,19,19)

#521010
(82,16,16)

#3E0D0D
(62,13,13)

#2A0A0A
(42,10,10)

#160707
(22,7,7)

#000000
(0,0,0)

Tonalità chiare del colore #DE2525

#DE2525
(222,37,37)

#E13838
(225,56,56)

#E44B4B
(228,75,75)

#E75E5E
(231,94,94)

#EA7171
(234,113,113)

#ED8484
(237,132,132)

#F09797
(240,151,151)

#F3AAAA
(243,170,170)

#F6BDBD
(246,189,189)

#F9D0D0
(249,208,208)

#FCE3E3
(252,227,227)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #DE2525. Utilizzate rgb(222,37,37) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #DE2525; }

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

Il colore di questo testo è #DE2525.

Colore dello sfondo

.myBgColor { background-color: #DE2525; }

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

Questo div ha lo sfondo di colore #DE2525.

Colore del bordo

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

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

Questo div ha i bordi di colore DE2525.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #DE2525.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #DE2525.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #DE2525

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

Esempio del testo bianco sullo sfondo del colore #DE2525

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

COLORE #DE2525