Colore #A57F33, codici hex ed rgb, esempi

Informazioni

Il colore #A57F33 contiene principalmente il rosso e il verde. Per il #A57F33 il colore web safe è #996633 (#963).

Modello di colore RGB

Il colore A57F33 in RGB è definito come 165,127,51

Il rosso è 165;
Il verde è 127;
Il blu è 51.

RGB:
(165,127,51)
(65%,50%,20%)

Rapporto dei colori in RGB

R 165 da 255 = 65%
G 127 da 255 = 50%
B 51 da 255 = 20%

165

127

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

Canali RGB in percentuale

R + G + B =
165 + 127 + 51 = 343 (100%)
R 165 da 343 ~ 48.1%
G 127 da 343 ~ 37.03%
B 51 da 343 ~ 14.87%

%48.1

%37.03

%14.87

Modello di colore CMYK

Il colore #A57F33 in CMYK è definito come 0,23,69,35.

Il color verde blu è 0.00%
Il color magenta è 23.03%
Il giallo è 69.09%
Il colore chiave è 35.29%

CMYK:
(0,23,69,35)
C0M23Y69K35 
(0%,23%,69%,35%)
(0.00/0.23/0.69/0.35)

Canali CMYK in percentuale

%23.03

%69.09

%35.29

Codici del colore

Il #A57F33 nei modelli di colore popolari.

	A5	7F	33
RGB	165	127	51
HSL	40°	52.78%	42.35%
HSB/HSV	40°	69.09%	64.71%
CMYK	0.00%	23.03%	69.09%
CMYK	35.29%

Il #A57F33 nei modelli numerici popolari.

Esadicemale	A5	7F	33
Decimale	165	127	51
Binario	10100101	1111111	110011
Ottale	245	177	63

Tonalita del colore

Tonalità scure del colore #A57F33

#A57F33
(165,127,51)

#96742F
(150,116,47)

#87692B
(135,105,43)

#785E27
(120,94,39)

#695323
(105,83,35)

#5A481F
(90,72,31)

#4B3D1B
(75,61,27)

#3C3217
(60,50,23)

#2D2713
(45,39,19)

#1E1C0F
(30,28,15)

#0F110B
(15,17,11)

#000000
(0,0,0)

Tonalità chiare del colore #A57F33

#A57F33
(165,127,51)

#AD8A45
(173,138,69)

#B59557
(181,149,87)

#BDA069
(189,160,105)

#C5AB7B
(197,171,123)

#CDB68D
(205,182,141)

#D5C19F
(213,193,159)

#DDCCB1
(221,204,177)

#E5D7C3
(229,215,195)

#EDE2D5
(237,226,213)

#F5EDE7
(245,237,231)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #A57F33. Utilizzate rgb(165,127,51) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #A57F33; }

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

Il colore di questo testo è #A57F33.

Colore dello sfondo

.myBgColor { background-color: #A57F33; }

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

Questo div ha lo sfondo di colore #A57F33.

Colore del bordo

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

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

Questo div ha i bordi di colore A57F33.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #A57F33.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #A57F33.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #A57F33

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

Esempio del testo bianco sullo sfondo del colore #A57F33

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

COLORE #A57F33