Colore #ABEAB3, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore ABEAB3 in RGB è definito come 171,234,179

Il rosso è 171;
Il verde è 234;
Il blu è 179.

RGB:
(171,234,179)
(67%,92%,70%)

Rapporto dei colori in RGB

R 171 da 255 = 67%
G 234 da 255 = 92%
B 179 da 255 = 70%

171

234

179

R + G + B ~ 76%. #ABEAB3 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
171 + 234 + 179 = 584 (100%)
R 171 da 584 ~ 29.28%
G 234 da 584 ~ 40.07%
B 179 da 584 ~ 30.65%

%29.28

%40.07

%30.65

Modello di colore CMYK

Il colore #ABEAB3 in CMYK è definito come 27,0,24,8.

Il color verde blu è 26.92%
Il color magenta è 0.00%
Il giallo è 23.50%
Il colore chiave è 8.24%

CMYK:
(27,0,24,8)
C27M0Y24K8 
(27%,0%,24%,8%)
(0.27/0.00/0.24/0.08)

Canali CMYK in percentuale

%26.92

%23.5

%8.24

Codici del colore

Il #ABEAB3 nei modelli di colore popolari.

	AB	EA	B3
RGB	171	234	179
HSL	128°	60.00%	79.41%
HSB/HSV	128°	26.92%	91.76%
CMYK	26.92%	0.00%	23.50%
CMYK	8.24%

Il #ABEAB3 nei modelli numerici popolari.

Esadicemale	AB	EA	B3
Decimale	171	234	179
Binario	10101011	11101010	10110011
Ottale	253	352	263

Tonalita del colore

Tonalità scure del colore #ABEAB3

#ABEAB3
(171,234,179)

#9CD5A3
(156,213,163)

#8DC093
(141,192,147)

#7EAB83
(126,171,131)

#6F9673
(111,150,115)

#608163
(96,129,99)

#516C53
(81,108,83)

#425743
(66,87,67)

#334233
(51,66,51)

#242D23
(36,45,35)

#151813
(21,24,19)

#000000
(0,0,0)

Tonalità chiare del colore #ABEAB3

#ABEAB3
(171,234,179)

#B2EBB9
(178,235,185)

#B9ECBF
(185,236,191)

#C0EDC5
(192,237,197)

#C7EECB
(199,238,203)

#CEEFD1
(206,239,209)

#D5F0D7
(213,240,215)

#DCF1DD
(220,241,221)

#E3F2E3
(227,242,227)

#EAF3E9
(234,243,233)

#F1F4EF
(241,244,239)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #ABEAB3; }

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

Il colore di questo testo è #ABEAB3.

Colore dello sfondo

.myBgColor { background-color: #ABEAB3; }

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

Questo div ha lo sfondo di colore #ABEAB3.

Colore del bordo

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

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

Questo div ha i bordi di colore ABEAB3.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #ABEAB3.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #ABEAB3.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #ABEAB3

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

Esempio del testo bianco sullo sfondo del colore #ABEAB3

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

COLORE #ABEAB3