Colore #7AB942, codici hex ed rgb, esempi

Informazioni

Il colore #7AB942 contiene principalmente il verde. Per il #7AB942 il colore web safe è #66CC33 (#6C3).

Modello di colore RGB

Il colore 7AB942 in RGB è definito come 122,185,66

Il rosso è 122;
Il verde è 185;
Il blu è 66.

RGB:
(122,185,66)
(48%,73%,26%)

Rapporto dei colori in RGB

R 122 da 255 = 48%
G 185 da 255 = 73%
B 66 da 255 = 26%

122

185

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

Canali RGB in percentuale

R + G + B =
122 + 185 + 66 = 373 (100%)
R 122 da 373 ~ 32.71%
G 185 da 373 ~ 49.6%
B 66 da 373 ~ 17.69%

%32.71

%49.6

%17.69

Modello di colore CMYK

Il colore #7AB942 in CMYK è definito come 34,0,64,27.

Il color verde blu è 34.05%
Il color magenta è 0.00%
Il giallo è 64.32%
Il colore chiave è 27.45%

CMYK:
(34,0,64,27)
C34M0Y64K27 
(34%,0%,64%,27%)
(0.34/0.00/0.64/0.27)

Canali CMYK in percentuale

%34.05

%64.32

%27.45

Codici del colore

Il #7AB942 nei modelli di colore popolari.

	7A	B9	42
RGB	122	185	66
HSL	92°	47.41%	49.22%
HSB/HSV	92°	64.32%	72.55%
CMYK	34.05%	0.00%	64.32%
CMYK	27.45%

Il #7AB942 nei modelli numerici popolari.

Esadicemale	7A	B9	42
Decimale	122	185	66
Binario	1111010	10111001	1000010
Ottale	172	271	102

Tonalita del colore

Tonalità scure del colore #7AB942

#7AB942
(122,185,66)

#6FA93C
(111,169,60)

#649936
(100,153,54)

#598930
(89,137,48)

#4E792A
(78,121,42)

#436924
(67,105,36)

#38591E
(56,89,30)

#2D4918
(45,73,24)

#223912
(34,57,18)

#17290C
(23,41,12)

#0C1906
(12,25,6)

#000000
(0,0,0)

Tonalità chiare del colore #7AB942

#7AB942
(122,185,66)

#86BF53
(134,191,83)

#92C564
(146,197,100)

#9ECB75
(158,203,117)

#AAD186
(170,209,134)

#B6D797
(182,215,151)

#C2DDA8
(194,221,168)

#CEE3B9
(206,227,185)

#DAE9CA
(218,233,202)

#E6EFDB
(230,239,219)

#F2F5EC
(242,245,236)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #7AB942. Utilizzate rgb(122,185,66) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #7AB942; }

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

Il colore di questo testo è #7AB942.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #7AB942.

Colore del bordo

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

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

Questo div ha i bordi di colore 7AB942.

Trasparenza

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

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

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

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

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #7AB942.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #7AB942

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

Esempio del testo bianco sullo sfondo del colore #7AB942

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

COLORE #7AB942