COLORE #EB2F55

HEX: #EB2F55
RGB: (235,47,85)

Informazioni

Il colore #EB2F55 contiene principalmente il rosso. Per il #EB2F55 il colore web safe è #FF3366 (#F36).

Modello di colore RGB

Il colore EB2F55 in RGB è definito come 235,47,85

  • Il rosso è 235;
  • Il verde è 47;
  • Il blu è 85.
RGB:
(235,47,85)
(92%,18%,33%)

Rapporto dei colori in RGB

R 235 da 255 = 92%
G 47 da 255 = 18%
B 85 da 255 = 33%

235
47
85

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

Canali RGB in percentuale

R + G + B =
235 + 47 + 85 = 367 (100%)
R 235 da 367 ~ 64.03%
G 47 da 367 ~ 12.81%
B 85 da 367 ~ 23.16%

%64.03
%12.81
%23.16

Modello di colore CMYK

Il colore #EB2F55 in CMYK è definito come 0,80,64,8.

  • Il color verde blu è 0.00%
  • Il color magenta è 80.00%
  • Il giallo è 63.83%
  • Il colore chiave è 7.84%
CMYK:
(0,80,64,8)
C0M80Y64K8 
(0%,80%,64%,8%)
(0.00/0.80/0.64/0.08)	

Canali CMYK in percentuale

%0
%80
%63.83
%7.84

Codici del colore

Il #EB2F55 nei modelli di colore popolari.

EB2F55
RGB2354785
HSL348°82.46%55.29%
HSB/HSV348°80.00%92.16%
CMYK0.00%80.00%63.83%
7.84%

Il #EB2F55 nei modelli numerici popolari.

EsadicemaleEB2F55
Decimale2354785
Binario111010111011111010101
Ottale35357125

Tonalita del colore

Tonalità scure del colore #EB2F55

#EB2F55
(235,47,85)
#D62B4E
(214,43,78)
#C12747
(193,39,71)
#AC2340
(172,35,64)
#971F39
(151,31,57)
#821B32
(130,27,50)
#6D172B
(109,23,43)
#581324
(88,19,36)
#430F1D
(67,15,29)
#2E0B16
(46,11,22)
#19070F
(25,7,15)
#000000
(0,0,0)

Tonalità chiare del colore #EB2F55

#EB2F55
(235,47,85)
#EC4164
(236,65,100)
#ED5373
(237,83,115)
#EE6582
(238,101,130)
#EF7791
(239,119,145)
#F089A0
(240,137,160)
#F19BAF
(241,155,175)
#F2ADBE
(242,173,190)
#F3BFCD
(243,191,205)
#F4D1DC
(244,209,220)
#F5E3EB
(245,227,235)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #EB2F55. Utilizzate rgb(235,47,85) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #EB2F55; }

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

Il colore di questo testo è #EB2F55.


Colore dello sfondo

.myBgColor { background-color: #EB2F55; }

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

Questo div ha lo sfondo di colore #EB2F55.


Colore del bordo

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

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

Questo div ha i bordi di colore EB2F55.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #EB2F55.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #EB2F55

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


Esempio del testo bianco sullo sfondo del colore #EB2F55

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