COLORE #FA1F2F

HEX: #FA1F2F
RGB: (250,31,47)

Informazioni

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

Modello di colore RGB

Il colore FA1F2F in RGB è definito come 250,31,47

  • Il rosso è 250;
  • Il verde è 31;
  • Il blu è 47.
RGB:
(250,31,47)
(98%,12%,18%)

Rapporto dei colori in RGB

R 250 da 255 = 98%
G 31 da 255 = 12%
B 47 da 255 = 18%

250
31
47

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

Canali RGB in percentuale

R + G + B =
250 + 31 + 47 = 328 (100%)
R 250 da 328 ~ 76.22%
G 31 da 328 ~ 9.45%
B 47 da 328 ~ 14.33%

%76.22
%14.33

Modello di colore CMYK

Il colore #FA1F2F in CMYK è definito come 0,88,81,2.

  • Il color verde blu è 0.00%
  • Il color magenta è 87.60%
  • Il giallo è 81.20%
  • Il colore chiave è 1.96%
CMYK:
(0,88,81,2)
C0M88Y81K2 
(0%,88%,81%,2%)
(0.00/0.88/0.81/0.02)	

Canali CMYK in percentuale

%0
%87.6
%81.2
%1.96

Codici del colore

Il #FA1F2F nei modelli di colore popolari.

FA1F2F
RGB2503147
HSL356°95.63%55.10%
HSB/HSV356°87.60%98.04%
CMYK0.00%87.60%81.20%
1.96%

Il #FA1F2F nei modelli numerici popolari.

EsadicemaleFA1F2F
Decimale2503147
Binario1111101011111101111
Ottale3723757

Tonalita del colore

Tonalità scure del colore #FA1F2F

#FA1F2F
(250,31,47)
#E41D2B
(228,29,43)
#CE1B27
(206,27,39)
#B81923
(184,25,35)
#A2171F
(162,23,31)
#8C151B
(140,21,27)
#761317
(118,19,23)
#601113
(96,17,19)
#4A0F0F
(74,15,15)
#340D0B
(52,13,11)
#1E0B07
(30,11,7)
#000000
(0,0,0)

Tonalità chiare del colore #FA1F2F

#FA1F2F
(250,31,47)
#FA3341
(250,51,65)
#FA4753
(250,71,83)
#FA5B65
(250,91,101)
#FA6F77
(250,111,119)
#FA8389
(250,131,137)
#FA979B
(250,151,155)
#FAABAD
(250,171,173)
#FABFBF
(250,191,191)
#FAD3D1
(250,211,209)
#FAE7E3
(250,231,227)
#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #FA1F2F; }

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

Il colore di questo testo è #FA1F2F.


Colore dello sfondo

.myBgColor { background-color: #FA1F2F; }

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

Questo div ha lo sfondo di colore #FA1F2F.


Colore del bordo

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

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

Questo div ha i bordi di colore FA1F2F.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #FA1F2F.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #FA1F2F

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


Esempio del testo bianco sullo sfondo del colore #FA1F2F

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