Colore #AFA380, codici hex ed rgb, esempi

Informazioni

Il colore #AFA380 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #AFA380 il colore web safe è #999966 (#996).

Modello di colore RGB

Il colore AFA380 in RGB è definito come 175,163,128

Il rosso è 175;
Il verde è 163;
Il blu è 128.

RGB: (175,163,128) (69%,64%,50%)

Rapporto dei colori in RGB

R 175 da 255 = 69%
G 163 da 255 = 64%
B 128 da 255 = 50%

175

163

128

R + G + B ~ 61%. #AFA380 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
175 + 163 + 128 = 466 (100%)
R 175 da 466 ~ 37.55%
G 163 da 466 ~ 34.98%
B 128 da 466 ~ 27.47%

%37.55

%34.98

%27.47

Modello di colore CMYK

Il colore #AFA380 in CMYK è definito come 0,7,27,31.

Il color verde blu è 0.00%
Il color magenta è 6.86%
Il giallo è 26.86%
Il colore chiave è 31.37%

CMYK: (0,7,27,31) C0M7Y27K31 (0%,7%,27%,31%) (0.00/0.07/0.27/0.31)

Canali CMYK in percentuale

%6.86

%26.86

%31.37

Codici del colore

Il #AFA380 nei modelli di colore popolari.

	AF	A3	80
RGB	175	163	128
HSL	45°	22.71%	59.41%
HSB/HSV	45°	26.86%	68.63%
CMYK	0.00%	6.86%	26.86%
CMYK	31.37%

Il #AFA380 nei modelli numerici popolari.

Esadicemale	AF	A3	80
Decimale	175	163	128
Binario	10101111	10100011	10000000
Ottale	257	243	200

Tonalita del colore

Tonalità scure del colore #AFA380

#AFA380
(175,163,128)

#A09575
(160,149,117)

#91876A
(145,135,106)

#82795F
(130,121,95)

#736B54
(115,107,84)

#645D49
(100,93,73)

#554F3E
(85,79,62)

#464133
(70,65,51)

#373328
(55,51,40)

#28251D
(40,37,29)

#191712
(25,23,18)

#000000
(0,0,0)

Tonalità chiare del colore #AFA380

#AFA380
(175,163,128)

#B6AB8B
(182,171,139)

#BDB396
(189,179,150)

#C4BBA1
(196,187,161)

#CBC3AC
(203,195,172)

#D2CBB7
(210,203,183)

#D9D3C2
(217,211,194)

#E0DBCD
(224,219,205)

#E7E3D8
(231,227,216)

#EEEBE3
(238,235,227)

#F5F3EE
(245,243,238)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #AFA380. Utilizzate rgb(175,163,128) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #AFA380; }

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

Il colore di questo testo è #AFA380.

Colore dello sfondo

.myBgColor { background-color: #AFA380; }

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

Questo div ha lo sfondo di colore #AFA380.

Colore del bordo

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

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

Questo div ha i bordi di colore AFA380.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #AFA380.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #AFA380; -webkit-box-shadow:	1px 1px 3px 2px #AFA380; box-shadow:	1px 1px 3px 2px #AFA380; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #AFA380; -webkit-box-shadow: 1px 1px 3px 2px #AFA380; box-shadow:1px 1px 3px 2px #AFA380;">
Div content here</div>

Questo div ha l'ombra di colore #AFA380.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #AFA380

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

Esempio del testo bianco sullo sfondo del colore #AFA380

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

COLORE #AFA380