Colore #ABF19A, codici hex ed rgb, esempi

Informazioni

Il colore #ABF19A contiene principalmente il verde. Per il #ABF19A il colore web safe è #99FF99 (#9F9).

Modello di colore RGB

Il colore ABF19A in RGB è definito come 171,241,154

Il rosso è 171;
Il verde è 241;
Il blu è 154.

RGB:
(171,241,154)
(67%,95%,60%)

Rapporto dei colori in RGB

R 171 da 255 = 67%
G 241 da 255 = 95%
B 154 da 255 = 60%

171

241

154

R + G + B ~ 74%. #ABF19A colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
171 + 241 + 154 = 566 (100%)
R 171 da 566 ~ 30.21%
G 241 da 566 ~ 42.58%
B 154 da 566 ~ 27.21%

%30.21

%42.58

%27.21

Modello di colore CMYK

Il colore #ABF19A in CMYK è definito come 29,0,36,5.

Il color verde blu è 29.05%
Il color magenta è 0.00%
Il giallo è 36.10%
Il colore chiave è 5.49%

CMYK:
(29,0,36,5)
C29M0Y36K5 
(29%,0%,36%,5%)
(0.29/0.00/0.36/0.05)

Canali CMYK in percentuale

%29.05

%36.1

%5.49

Codici del colore

Il #ABF19A nei modelli di colore popolari.

	AB	F1	9A
RGB	171	241	154
HSL	108°	75.65%	77.45%
HSB/HSV	108°	36.10%	94.51%
CMYK	29.05%	0.00%	36.10%
CMYK	5.49%

Il #ABF19A nei modelli numerici popolari.

Esadicemale	AB	F1	9A
Decimale	171	241	154
Binario	10101011	11110001	10011010
Ottale	253	361	232

Tonalita del colore

Tonalità scure del colore #ABF19A

#ABF19A
(171,241,154)

#9CDC8C
(156,220,140)

#8DC77E
(141,199,126)

#7EB270
(126,178,112)

#6F9D62
(111,157,98)

#608854
(96,136,84)

#517346
(81,115,70)

#425E38
(66,94,56)

#33492A
(51,73,42)

#24341C
(36,52,28)

#151F0E
(21,31,14)

#000000
(0,0,0)

Tonalità chiare del colore #ABF19A

#ABF19A
(171,241,154)

#B2F2A3
(178,242,163)

#B9F3AC
(185,243,172)

#C0F4B5
(192,244,181)

#C7F5BE
(199,245,190)

#CEF6C7
(206,246,199)

#D5F7D0
(213,247,208)

#DCF8D9
(220,248,217)

#E3F9E2
(227,249,226)

#EAFAEB
(234,250,235)

#F1FBF4
(241,251,244)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #ABF19A. Utilizzate rgb(171,241,154) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #ABF19A; }

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

Il colore di questo testo è #ABF19A.

Colore dello sfondo

.myBgColor { background-color: #ABF19A; }

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

Questo div ha lo sfondo di colore #ABF19A.

Colore del bordo

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

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

Questo div ha i bordi di colore ABF19A.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #ABF19A.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #ABF19A.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #ABF19A

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

Esempio del testo bianco sullo sfondo del colore #ABF19A

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

COLORE #ABF19A