Colore #80A36F, codici hex ed rgb, esempi

Informazioni

Il colore #80A36F contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #80A36F il colore web safe è #669966 (#696).

Modello di colore RGB

Il colore 80A36F in RGB è definito come 128,163,111

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

RGB:
(128,163,111)
(50%,64%,44%)

Rapporto dei colori in RGB

R 128 da 255 = 50%
G 163 da 255 = 64%
B 111 da 255 = 44%

128

163

111

R + G + B ~ 53%. #80A36F colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
128 + 163 + 111 = 402 (100%)
R 128 da 402 ~ 31.84%
G 163 da 402 ~ 40.55%
B 111 da 402 ~ 27.61%

%31.84

%40.55

%27.61

Modello di colore CMYK

Il colore #80A36F in CMYK è definito come 21,0,32,36.

Il color verde blu è 21.47%
Il color magenta è 0.00%
Il giallo è 31.90%
Il colore chiave è 36.08%

CMYK:
(21,0,32,36)
C21M0Y32K36 
(21%,0%,32%,36%)
(0.21/0.00/0.32/0.36)

Canali CMYK in percentuale

%21.47

%31.9

%36.08

Codici del colore

Il #80A36F nei modelli di colore popolari.

	80	A3	6F
RGB	128	163	111
HSL	100°	22.03%	53.73%
HSB/HSV	100°	31.90%	63.92%
CMYK	21.47%	0.00%	31.90%
CMYK	36.08%

Il #80A36F nei modelli numerici popolari.

Esadicemale	80	A3	6F
Decimale	128	163	111
Binario	10000000	10100011	1101111
Ottale	200	243	157

Tonalita del colore

Tonalità scure del colore #80A36F

#80A36F
(128,163,111)

#759565
(117,149,101)

#6A875B
(106,135,91)

#5F7951
(95,121,81)

#546B47
(84,107,71)

#495D3D
(73,93,61)

#3E4F33
(62,79,51)

#334129
(51,65,41)

#28331F
(40,51,31)

#1D2515
(29,37,21)

#12170B
(18,23,11)

#000000
(0,0,0)

Tonalità chiare del colore #80A36F

#80A36F
(128,163,111)

#8BAB7C
(139,171,124)

#96B389
(150,179,137)

#A1BB96
(161,187,150)

#ACC3A3
(172,195,163)

#B7CBB0
(183,203,176)

#C2D3BD
(194,211,189)

#CDDBCA
(205,219,202)

#D8E3D7
(216,227,215)

#E3EBE4
(227,235,228)

#EEF3F1
(238,243,241)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #80A36F; }

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

Il colore di questo testo è #80A36F.

Colore dello sfondo

.myBgColor { background-color: #80A36F; }

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

Questo div ha lo sfondo di colore #80A36F.

Colore del bordo

.myBorderColor { border: 1px solid #80A36F; }

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

Questo div ha i bordi di colore 80A36F.

Trasparenza

.myOpacity80 { color: #80A36F; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #80A36F.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #80A36F.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #80A36F sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #80A36F sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #80A36F

Questo è un testo nero sullo sfondo del colore #80A36F.

Esempio del testo bianco sullo sfondo del colore #80A36F

Questo è un testo bianco sullo sfondo del colore #80A36F.

COLORE #80A36F