Colore #F56216, codici hex ed rgb, esempi

Informazioni

Il colore #F56216 contiene principalmente il rosso. Per il #F56216 il colore web safe è #FF6600 (#F60).

Modello di colore RGB

Il colore F56216 in RGB è definito come 245,98,22

Il rosso è 245;
Il verde è 98;
Il blu è 22.

RGB:
(245,98,22)
(96%,38%,9%)

Rapporto dei colori in RGB

R 245 da 255 = 96%
G 98 da 255 = 38%
B 22 da 255 = 9%

245

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

Canali RGB in percentuale

R + G + B =
245 + 98 + 22 = 365 (100%)
R 245 da 365 ~ 67.12%
G 98 da 365 ~ 26.85%
B 22 da 365 ~ 6.03%

%67.12

%26.85

Modello di colore CMYK

Il colore #F56216 in CMYK è definito come 0,60,91,4.

Il color verde blu è 0.00%
Il color magenta è 60.00%
Il giallo è 91.02%
Il colore chiave è 3.92%

CMYK:
(0,60,91,4)
C0M60Y91K4 
(0%,60%,91%,4%)
(0.00/0.60/0.91/0.04)

Canali CMYK in percentuale

%60

%91.02

%3.92

Codici del colore

Il #F56216 nei modelli di colore popolari.

	F5	62	16
RGB	245	98	22
HSL	20°	91.77%	52.35%
HSB/HSV	20°	91.02%	96.08%
CMYK	0.00%	60.00%	91.02%
CMYK	3.92%

Il #F56216 nei modelli numerici popolari.

Esadicemale	F5	62	16
Decimale	245	98	22
Binario	11110101	1100010	10110
Ottale	365	142	26

Tonalita del colore

Tonalità scure del colore #F56216

#F56216
(245,98,22)

#DF5A14
(223,90,20)

#C95212
(201,82,18)

#B34A10
(179,74,16)

#9D420E
(157,66,14)

#873A0C
(135,58,12)

#71320A
(113,50,10)

#5B2A08
(91,42,8)

#452206
(69,34,6)

#2F1A04
(47,26,4)

#191202
(25,18,2)

#000000
(0,0,0)

Tonalità chiare del colore #F56216

#F56216
(245,98,22)

#F5702B
(245,112,43)

#F57E40
(245,126,64)

#F58C55
(245,140,85)

#F59A6A
(245,154,106)

#F5A87F
(245,168,127)

#F5B694
(245,182,148)

#F5C4A9
(245,196,169)

#F5D2BE
(245,210,190)

#F5E0D3
(245,224,211)

#F5EEE8
(245,238,232)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #F56216. Utilizzate rgb(245,98,22) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #F56216; }

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

Il colore di questo testo è #F56216.

Colore dello sfondo

.myBgColor { background-color: #F56216; }

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

Questo div ha lo sfondo di colore #F56216.

Colore del bordo

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

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

Questo div ha i bordi di colore F56216.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #F56216.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #F56216.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #F56216

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

Esempio del testo bianco sullo sfondo del colore #F56216

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

COLORE #F56216