COLORE #F93542

HEX: #F93542
RGB: (249,53,66)

Informazioni

Il colore #F93542 contiene principalmente il rosso. Per il #F93542 il colore web safe è #FF3333 (#F33).

Modello di colore RGB

Il colore F93542 in RGB è definito come 249,53,66

  • Il rosso è 249;
  • Il verde è 53;
  • Il blu è 66.
RGB:
(249,53,66)
(98%,21%,26%)

Rapporto dei colori in RGB

R 249 da 255 = 98%
G 53 da 255 = 21%
B 66 da 255 = 26%

249
53
66

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

Canali RGB in percentuale

R + G + B =
249 + 53 + 66 = 368 (100%)
R 249 da 368 ~ 67.66%
G 53 da 368 ~ 14.4%
B 66 da 368 ~ 17.93%

%67.66
%14.4
%17.93

Modello di colore CMYK

Il colore #F93542 in CMYK è definito come 0,79,73,2.

  • Il color verde blu è 0.00%
  • Il color magenta è 78.71%
  • Il giallo è 73.49%
  • Il colore chiave è 2.35%
CMYK:
(0,79,73,2)
C0M79Y73K2 
(0%,79%,73%,2%)
(0.00/0.79/0.73/0.02)	

Canali CMYK in percentuale

%0
%78.71
%73.49
%2.35

Codici del colore

Il #F93542 nei modelli di colore popolari.

F93542
RGB2495366
HSL356°94.23%59.22%
HSB/HSV356°78.71%97.65%
CMYK0.00%78.71%73.49%
2.35%

Il #F93542 nei modelli numerici popolari.

EsadicemaleF93542
Decimale2495366
Binario111110011101011000010
Ottale37165102

Tonalita del colore

Tonalità scure del colore #F93542

#F93542
(249,53,66)
#E3313C
(227,49,60)
#CD2D36
(205,45,54)
#B72930
(183,41,48)
#A1252A
(161,37,42)
#8B2124
(139,33,36)
#751D1E
(117,29,30)
#5F1918
(95,25,24)
#491512
(73,21,18)
#33110C
(51,17,12)
#1D0D06
(29,13,6)
#000000
(0,0,0)

Tonalità chiare del colore #F93542

#F93542
(249,53,66)
#F94753
(249,71,83)
#F95964
(249,89,100)
#F96B75
(249,107,117)
#F97D86
(249,125,134)
#F98F97
(249,143,151)
#F9A1A8
(249,161,168)
#F9B3B9
(249,179,185)
#F9C5CA
(249,197,202)
#F9D7DB
(249,215,219)
#F9E9EC
(249,233,236)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #F93542. Utilizzate rgb(249,53,66) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #F93542; }

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

Il colore di questo testo è #F93542.


Colore dello sfondo

.myBgColor { background-color: #F93542; }

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

Questo div ha lo sfondo di colore #F93542.


Colore del bordo

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

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

Questo div ha i bordi di colore F93542.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #F93542.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #F93542

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


Esempio del testo bianco sullo sfondo del colore #F93542

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