Colore #F56ACC, codici hex ed rgb, esempi

Informazioni

Il colore #F56ACC contiene principalmente il rosso e il blu. Per il #F56ACC il colore web safe è #FF66CC (#F6C).

Modello di colore RGB

Il colore F56ACC in RGB è definito come 245,106,204

Il rosso è 245;
Il verde è 106;
Il blu è 204.

RGB:
(245,106,204)
(96%,42%,80%)

Rapporto dei colori in RGB

R 245 da 255 = 96%
G 106 da 255 = 42%
B 204 da 255 = 80%

245

106

204

R + G + B ~ 73%. #F56ACC colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
245 + 106 + 204 = 555 (100%)
R 245 da 555 ~ 44.14%
G 106 da 555 ~ 19.1%
B 204 da 555 ~ 36.76%

%44.14

%19.1

%36.76

Modello di colore CMYK

Il colore #F56ACC in CMYK è definito come 0,57,17,4.

Il color verde blu è 0.00%
Il color magenta è 56.73%
Il giallo è 16.73%
Il colore chiave è 3.92%

CMYK:
(0,57,17,4)
C0M57Y17K4 
(0%,57%,17%,4%)
(0.00/0.57/0.17/0.04)

Canali CMYK in percentuale

%56.73

%16.73

%3.92

Codici del colore

Il #F56ACC nei modelli di colore popolari.

	F5	6A	CC
RGB	245	106	204
HSL	318°	87.42%	68.82%
HSB/HSV	318°	56.73%	96.08%
CMYK	0.00%	56.73%	16.73%
CMYK	3.92%

Il #F56ACC nei modelli numerici popolari.

Esadicemale	F5	6A	CC
Decimale	245	106	204
Binario	11110101	1101010	11001100
Ottale	365	152	314

Tonalita del colore

Tonalità scure del colore #F56ACC

#F56ACC
(245,106,204)

#DF61BA
(223,97,186)

#C958A8
(201,88,168)

#B34F96
(179,79,150)

#9D4684
(157,70,132)

#873D72
(135,61,114)

#713460
(113,52,96)

#5B2B4E
(91,43,78)

#45223C
(69,34,60)

#2F192A
(47,25,42)

#191018
(25,16,24)

#000000
(0,0,0)

Tonalità chiare del colore #F56ACC

#F56ACC
(245,106,204)

#F577D0
(245,119,208)

#F584D4
(245,132,212)

#F591D8
(245,145,216)

#F59EDC
(245,158,220)

#F5ABE0
(245,171,224)

#F5B8E4
(245,184,228)

#F5C5E8
(245,197,232)

#F5D2EC
(245,210,236)

#F5DFF0
(245,223,240)

#F5ECF4
(245,236,244)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #F56ACC; }

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

Il colore di questo testo è #F56ACC.

Colore dello sfondo

.myBgColor { background-color: #F56ACC; }

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

Questo div ha lo sfondo di colore #F56ACC.

Colore del bordo

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

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

Questo div ha i bordi di colore F56ACC.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #F56ACC.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #F56ACC.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #F56ACC

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

Esempio del testo bianco sullo sfondo del colore #F56ACC

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

COLORE #F56ACC