COLORE #F34D57

HEX: #F34D57
RGB: (243,77,87)

Informazioni

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

Modello di colore RGB

Il colore F34D57 in RGB è definito come 243,77,87

  • Il rosso è 243;
  • Il verde è 77;
  • Il blu è 87.
RGB:
(243,77,87)
(95%,30%,34%)

Rapporto dei colori in RGB

R 243 da 255 = 95%
G 77 da 255 = 30%
B 87 da 255 = 34%

243
77
87

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

Canali RGB in percentuale

R + G + B =
243 + 77 + 87 = 407 (100%)
R 243 da 407 ~ 59.71%
G 77 da 407 ~ 18.92%
B 87 da 407 ~ 21.38%

%59.71
%18.92
%21.38

Modello di colore CMYK

Il colore #F34D57 in CMYK è definito come 0,68,64,5.

  • Il color verde blu è 0.00%
  • Il color magenta è 68.31%
  • Il giallo è 64.20%
  • Il colore chiave è 4.71%
CMYK:
(0,68,64,5)
C0M68Y64K5 
(0%,68%,64%,5%)
(0.00/0.68/0.64/0.05)	

Canali CMYK in percentuale

%0
%68.31
%64.2
%4.71

Codici del colore

Il #F34D57 nei modelli di colore popolari.

F34D57
RGB2437787
HSL356°87.37%62.75%
HSB/HSV356°68.31%95.29%
CMYK0.00%68.31%64.20%
4.71%

Il #F34D57 nei modelli numerici popolari.

EsadicemaleF34D57
Decimale2437787
Binario1111001110011011010111
Ottale363115127

Tonalita del colore

Tonalità scure del colore #F34D57

#F34D57
(243,77,87)
#DD4650
(221,70,80)
#C73F49
(199,63,73)
#B13842
(177,56,66)
#9B313B
(155,49,59)
#852A34
(133,42,52)
#6F232D
(111,35,45)
#591C26
(89,28,38)
#43151F
(67,21,31)
#2D0E18
(45,14,24)
#170711
(23,7,17)
#000000
(0,0,0)

Tonalità chiare del colore #F34D57

#F34D57
(243,77,87)
#F45D66
(244,93,102)
#F56D75
(245,109,117)
#F67D84
(246,125,132)
#F78D93
(247,141,147)
#F89DA2
(248,157,162)
#F9ADB1
(249,173,177)
#FABDC0
(250,189,192)
#FBCDCF
(251,205,207)
#FCDDDE
(252,221,222)
#FDEDED
(253,237,237)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #F34D57. Utilizzate rgb(243,77,87) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #F34D57; }

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

Il colore di questo testo è #F34D57.


Colore dello sfondo

.myBgColor { background-color: #F34D57; }

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

Questo div ha lo sfondo di colore #F34D57.


Colore del bordo

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

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

Questo div ha i bordi di colore F34D57.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #F34D57.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #F34D57

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


Esempio del testo bianco sullo sfondo del colore #F34D57

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