Colore #F33C47, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore F33C47 in RGB è definito come 243,60,71

Il rosso è 243;
Il verde è 60;
Il blu è 71.

RGB:
(243,60,71)
(95%,24%,28%)

Rapporto dei colori in RGB

R 243 da 255 = 95%
G 60 da 255 = 24%
B 71 da 255 = 28%

243

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

Canali RGB in percentuale

R + G + B =
243 + 60 + 71 = 374 (100%)
R 243 da 374 ~ 64.97%
G 60 da 374 ~ 16.04%
B 71 da 374 ~ 18.98%

%64.97

%16.04

%18.98

Modello di colore CMYK

Il colore #F33C47 in CMYK è definito come 0,75,71,5.

Il color verde blu è 0.00%
Il color magenta è 75.31%
Il giallo è 70.78%
Il colore chiave è 4.71%

CMYK:
(0,75,71,5)
C0M75Y71K5 
(0%,75%,71%,5%)
(0.00/0.75/0.71/0.05)

Canali CMYK in percentuale

%75.31

%70.78

%4.71

Codici del colore

Il #F33C47 nei modelli di colore popolari.

	F3	3C	47
RGB	243	60	71
HSL	356°	88.41%	59.41%
HSB/HSV	356°	75.31%	95.29%
CMYK	0.00%	75.31%	70.78%
CMYK	4.71%

Il #F33C47 nei modelli numerici popolari.

Esadicemale	F3	3C	47
Decimale	243	60	71
Binario	11110011	111100	1000111
Ottale	363	74	107

Tonalita del colore

Tonalità scure del colore #F33C47

#F33C47
(243,60,71)

#DD3741
(221,55,65)

#C7323B
(199,50,59)

#B12D35
(177,45,53)

#9B282F
(155,40,47)

#852329
(133,35,41)

#6F1E23
(111,30,35)

#59191D
(89,25,29)

#431417
(67,20,23)

#2D0F11
(45,15,17)

#170A0B
(23,10,11)

#000000
(0,0,0)

Tonalità chiare del colore #F33C47

#F33C47
(243,60,71)

#F44D57
(244,77,87)

#F55E67
(245,94,103)

#F66F77
(246,111,119)

#F78087
(247,128,135)

#F89197
(248,145,151)

#F9A2A7
(249,162,167)

#FAB3B7
(250,179,183)

#FBC4C7
(251,196,199)

#FCD5D7
(252,213,215)

#FDE6E7
(253,230,231)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #F33C47; }

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

Il colore di questo testo è #F33C47.

Colore dello sfondo

.myBgColor { background-color: #F33C47; }

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

Questo div ha lo sfondo di colore #F33C47.

Colore del bordo

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

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

Questo div ha i bordi di colore F33C47.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #F33C47.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #F33C47;
-webkit-box-shadow: 1px 1px 3px 2px #F33C47;
box-shadow:1px 1px 3px 2px #F33C47;">
Div content here</div>

Questo div ha l'ombra di colore #F33C47.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #F33C47

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

Esempio del testo bianco sullo sfondo del colore #F33C47

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

COLORE #F33C47