COLORE #7EB367

HEX: #7EB367
RGB: (126,179,103)

Informazioni

Il colore #7EB367 contiene principalmente il rosso e il verde. Per il #7EB367 il colore web safe è #669966 (#696).

Modello di colore RGB

Il colore 7EB367 in RGB è definito come 126,179,103

  • Il rosso è 126;
  • Il verde è 179;
  • Il blu è 103.
RGB:
(126,179,103)
(49%,70%,40%)

Rapporto dei colori in RGB

R 126 da 255 = 49%
G 179 da 255 = 70%
B 103 da 255 = 40%

126
179
103

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

Canali RGB in percentuale

R + G + B =
126 + 179 + 103 = 408 (100%)
R 126 da 408 ~ 30.88%
G 179 da 408 ~ 43.87%
B 103 da 408 ~ 25.25%

%30.88
%43.87
%25.25

Modello di colore CMYK

Il colore #7EB367 in CMYK è definito come 30,0,42,30.

  • Il color verde blu è 29.61%
  • Il color magenta è 0.00%
  • Il giallo è 42.46%
  • Il colore chiave è 29.80%
CMYK:
(30,0,42,30)
C30M0Y42K30 
(30%,0%,42%,30%)
(0.30/0.00/0.42/0.30)	

Canali CMYK in percentuale

%29.61
%0
%42.46
%29.8

Codici del colore

Il #7EB367 nei modelli di colore popolari.

7EB367
RGB126179103
HSL102°33.33%55.29%
HSB/HSV102°42.46%70.20%
CMYK29.61%0.00%42.46%
29.80%

Il #7EB367 nei modelli numerici popolari.

Esadicemale7EB367
Decimale126179103
Binario1111110101100111100111
Ottale176263147

Tonalita del colore

Tonalità scure del colore #7EB367

#7EB367
(126,179,103)
#73A35E
(115,163,94)
#689355
(104,147,85)
#5D834C
(93,131,76)
#527343
(82,115,67)
#47633A
(71,99,58)
#3C5331
(60,83,49)
#314328
(49,67,40)
#26331F
(38,51,31)
#1B2316
(27,35,22)
#10130D
(16,19,13)
#000000
(0,0,0)

Tonalità chiare del colore #7EB367

#7EB367
(126,179,103)
#89B974
(137,185,116)
#94BF81
(148,191,129)
#9FC58E
(159,197,142)
#AACB9B
(170,203,155)
#B5D1A8
(181,209,168)
#C0D7B5
(192,215,181)
#CBDDC2
(203,221,194)
#D6E3CF
(214,227,207)
#E1E9DC
(225,233,220)
#ECEFE9
(236,239,233)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #7EB367. Utilizzate rgb(126,179,103) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #7EB367; }

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

Il colore di questo testo è #7EB367.


Colore dello sfondo

.myBgColor { background-color: #7EB367; }

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

Questo div ha lo sfondo di colore #7EB367.


Colore del bordo

.myBorderColor { border: 1px solid #7EB367; }

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

Questo div ha i bordi di colore 7EB367.


Trasparenza

.myOpacity80 { color: #7EB367; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #7EB367.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #7EB367;
-webkit-box-shadow: 1px 1px 3px 2px #7EB367;
box-shadow:1px 1px 3px 2px #7EB367;">
Div content here</div>
Questo div ha l'ombra di colore #7EB367.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #7EB367 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #7EB367 sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #7EB367

Questo è un testo nero sullo sfondo del colore #7EB367.


Esempio del testo bianco sullo sfondo del colore #7EB367

Questo è un testo bianco sullo sfondo del colore #7EB367.