COLORE #ED525C

HEX: #ED525C
RGB: (237,82,92)

Informazioni

Il colore #ED525C contiene principalmente il rosso. Per il #ED525C il colore web safe è #FF6666 (#F66).

Modello di colore RGB

Il colore ED525C in RGB è definito come 237,82,92

  • Il rosso è 237;
  • Il verde è 82;
  • Il blu è 92.
RGB:
(237,82,92)
(93%,32%,36%)

Rapporto dei colori in RGB

R 237 da 255 = 93%
G 82 da 255 = 32%
B 92 da 255 = 36%

237
82
92

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

Canali RGB in percentuale

R + G + B =
237 + 82 + 92 = 411 (100%)
R 237 da 411 ~ 57.66%
G 82 da 411 ~ 19.95%
B 92 da 411 ~ 22.38%

%57.66
%19.95
%22.38

Modello di colore CMYK

Il colore #ED525C in CMYK è definito come 0,65,61,7.

  • Il color verde blu è 0.00%
  • Il color magenta è 65.40%
  • Il giallo è 61.18%
  • Il colore chiave è 7.06%
CMYK:
(0,65,61,7)
C0M65Y61K7 
(0%,65%,61%,7%)
(0.00/0.65/0.61/0.07)	

Canali CMYK in percentuale

%0
%65.4
%61.18
%7.06

Codici del colore

Il #ED525C nei modelli di colore popolari.

ED525C
RGB2378292
HSL356°81.15%62.55%
HSB/HSV356°65.40%92.94%
CMYK0.00%65.40%61.18%
7.06%

Il #ED525C nei modelli numerici popolari.

EsadicemaleED525C
Decimale2378292
Binario1110110110100101011100
Ottale355122134

Tonalita del colore

Tonalità scure del colore #ED525C

#ED525C
(237,82,92)
#D84B54
(216,75,84)
#C3444C
(195,68,76)
#AE3D44
(174,61,68)
#99363C
(153,54,60)
#842F34
(132,47,52)
#6F282C
(111,40,44)
#5A2124
(90,33,36)
#451A1C
(69,26,28)
#301314
(48,19,20)
#1B0C0C
(27,12,12)
#000000
(0,0,0)

Tonalità chiare del colore #ED525C

#ED525C
(237,82,92)
#EE616A
(238,97,106)
#EF7078
(239,112,120)
#F07F86
(240,127,134)
#F18E94
(241,142,148)
#F29DA2
(242,157,162)
#F3ACB0
(243,172,176)
#F4BBBE
(244,187,190)
#F5CACC
(245,202,204)
#F6D9DA
(246,217,218)
#F7E8E8
(247,232,232)
#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #ED525C; }

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

Il colore di questo testo è #ED525C.


Colore dello sfondo

.myBgColor { background-color: #ED525C; }

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

Questo div ha lo sfondo di colore #ED525C.


Colore del bordo

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

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

Questo div ha i bordi di colore ED525C.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #ED525C.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #ED525C

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


Esempio del testo bianco sullo sfondo del colore #ED525C

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