Colore #8E745A, codici hex ed rgb, esempi

Informazioni

Il colore #8E745A contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #8E745A il colore web safe è #996666 (#966).

Modello di colore RGB

Il colore 8E745A in RGB è definito come 142,116,90

Il rosso è 142;
Il verde è 116;
Il blu è 90.

RGB:
(142,116,90)
(56%,45%,35%)

Rapporto dei colori in RGB

R 142 da 255 = 56%
G 116 da 255 = 45%
B 90 da 255 = 35%

142

116

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

Canali RGB in percentuale

R + G + B =
142 + 116 + 90 = 348 (100%)
R 142 da 348 ~ 40.8%
G 116 da 348 ~ 33.33%
B 90 da 348 ~ 25.86%

%40.8

%33.33

%25.86

Modello di colore CMYK

Il colore #8E745A in CMYK è definito come 0,18,37,44.

Il color verde blu è 0.00%
Il color magenta è 18.31%
Il giallo è 36.62%
Il colore chiave è 44.31%

CMYK:
(0,18,37,44)
C0M18Y37K44 
(0%,18%,37%,44%)
(0.00/0.18/0.37/0.44)

Canali CMYK in percentuale

%18.31

%36.62

%44.31

Codici del colore

Il #8E745A nei modelli di colore popolari.

	8E	74	5A
RGB	142	116	90
HSL	30°	22.41%	45.49%
HSB/HSV	30°	36.62%	55.69%
CMYK	0.00%	18.31%	36.62%
CMYK	44.31%

Il #8E745A nei modelli numerici popolari.

Esadicemale	8E	74	5A
Decimale	142	116	90
Binario	10001110	1110100	1011010
Ottale	216	164	132

Tonalita del colore

Tonalità scure del colore #8E745A

#8E745A
(142,116,90)

#826A52
(130,106,82)

#76604A
(118,96,74)

#6A5642
(106,86,66)

#5E4C3A
(94,76,58)

#524232
(82,66,50)

#46382A
(70,56,42)

#3A2E22
(58,46,34)

#2E241A
(46,36,26)

#221A12
(34,26,18)

#16100A
(22,16,10)

#000000
(0,0,0)

Tonalità chiare del colore #8E745A

#8E745A
(142,116,90)

#988069
(152,128,105)

#A28C78
(162,140,120)

#AC9887
(172,152,135)

#B6A496
(182,164,150)

#C0B0A5
(192,176,165)

#CABCB4
(202,188,180)

#D4C8C3
(212,200,195)

#DED4D2
(222,212,210)

#E8E0E1
(232,224,225)

#F2ECF0
(242,236,240)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #8E745A. Utilizzate rgb(142,116,90) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #8E745A; }

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

Il colore di questo testo è #8E745A.

Colore dello sfondo

.myBgColor { background-color: #8E745A; }

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

Questo div ha lo sfondo di colore #8E745A.

Colore del bordo

.myBorderColor { border: 1px solid #8E745A; }

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

Questo div ha i bordi di colore 8E745A.

Trasparenza

.myOpacity80 { color: #8E745A; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #8E745A.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #8E745A.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #8E745A sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #8E745A sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #8E745A

Questo è un testo nero sullo sfondo del colore #8E745A.

Esempio del testo bianco sullo sfondo del colore #8E745A

Questo è un testo bianco sullo sfondo del colore #8E745A.

COLORE #8E745A