Colore #557836, codici hex ed rgb, esempi

Informazioni

Il colore #557836 contiene principalmente il rosso e il verde. Per il #557836 il colore web safe è #666633 (#663).

Modello di colore RGB

Il colore 557836 in RGB è definito come 85,120,54

Il rosso è 85;
Il verde è 120;
Il blu è 54.

RGB:
(85,120,54)
(33%,47%,21%)

Rapporto dei colori in RGB

R 85 da 255 = 33%
G 120 da 255 = 47%
B 54 da 255 = 21%

120

R + G + B ~ 34%. #557836 colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
85 + 120 + 54 = 259 (100%)
R 85 da 259 ~ 32.82%
G 120 da 259 ~ 46.33%
B 54 da 259 ~ 20.85%

%32.82

%46.33

%20.85

Modello di colore CMYK

Il colore #557836 in CMYK è definito come 29,0,55,53.

Il color verde blu è 29.17%
Il color magenta è 0.00%
Il giallo è 55.00%
Il colore chiave è 52.94%

CMYK:
(29,0,55,53)
C29M0Y55K53 
(29%,0%,55%,53%)
(0.29/0.00/0.55/0.53)

Canali CMYK in percentuale

%29.17

%55

%52.94

Codici del colore

Il #557836 nei modelli di colore popolari.

	55	78	36
RGB	85	120	54
HSL	92°	37.93%	34.12%
HSB/HSV	92°	55.00%	47.06%
CMYK	29.17%	0.00%	55.00%
CMYK	52.94%

Il #557836 nei modelli numerici popolari.

Esadicemale	55	78	36
Decimale	85	120	54
Binario	1010101	1111000	110110
Ottale	125	170	66

Tonalita del colore

Tonalità scure del colore #557836

#557836
(85,120,54)

#4E6E32
(78,110,50)

#47642E
(71,100,46)

#405A2A
(64,90,42)

#395026
(57,80,38)

#324622
(50,70,34)

#2B3C1E
(43,60,30)

#24321A
(36,50,26)

#1D2816
(29,40,22)

#161E12
(22,30,18)

#0F140E
(15,20,14)

#000000
(0,0,0)

Tonalità chiare del colore #557836

#557836
(85,120,54)

#648448
(100,132,72)

#73905A
(115,144,90)

#829C6C
(130,156,108)

#91A87E
(145,168,126)

#A0B490
(160,180,144)

#AFC0A2
(175,192,162)

#BECCB4
(190,204,180)

#CDD8C6
(205,216,198)

#DCE4D8
(220,228,216)

#EBF0EA
(235,240,234)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #557836. Utilizzate rgb(85,120,54) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #557836; }

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

Il colore di questo testo è #557836.

Colore dello sfondo

.myBgColor { background-color: #557836; }

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

Questo div ha lo sfondo di colore #557836.

Colore del bordo

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

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

Questo div ha i bordi di colore 557836.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #557836.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #557836.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #557836

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

Esempio del testo bianco sullo sfondo del colore #557836

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

COLORE #557836