Colore #1AAF50, codici hex ed rgb, esempi

Informazioni

Il colore #1AAF50 contiene principalmente il verde. Per il #1AAF50 il colore web safe è #009966 (#096).

Modello di colore RGB

Il colore 1AAF50 in RGB è definito come 26,175,80

Il rosso è 26;
Il verde è 175;
Il blu è 80.

RGB:
(26,175,80)
(10%,69%,31%)

Rapporto dei colori in RGB

R 26 da 255 = 10%
G 175 da 255 = 69%
B 80 da 255 = 31%

175

R + G + B ~ 37%. #1AAF50 colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
26 + 175 + 80 = 281 (100%)
R 26 da 281 ~ 9.25%
G 175 da 281 ~ 62.28%
B 80 da 281 ~ 28.47%

%62.28

%28.47

Modello di colore CMYK

Il colore #1AAF50 in CMYK è definito come 85,0,54,31.

Il color verde blu è 85.14%
Il color magenta è 0.00%
Il giallo è 54.29%
Il colore chiave è 31.37%

CMYK:
(85,0,54,31)
C85M0Y54K31 
(85%,0%,54%,31%)
(0.85/0.00/0.54/0.31)

Canali CMYK in percentuale

%85.14

%54.29

%31.37

Codici del colore

Il #1AAF50 nei modelli di colore popolari.

	1A	AF	50
RGB	26	175	80
HSL	142°	74.13%	39.41%
HSB/HSV	142°	85.14%	68.63%
CMYK	85.14%	0.00%	54.29%
CMYK	31.37%

Il #1AAF50 nei modelli numerici popolari.

Esadicemale	1A	AF	50
Decimale	26	175	80
Binario	11010	10101111	1010000
Ottale	32	257	120

Tonalita del colore

Tonalità scure del colore #1AAF50

#1AAF50
(26,175,80)

#18A049
(24,160,73)

#169142
(22,145,66)

#14823B
(20,130,59)

#127334
(18,115,52)

#10642D
(16,100,45)

#0E5526
(14,85,38)

#0C461F
(12,70,31)

#0A3718
(10,55,24)

#082811
(8,40,17)

#06190A
(6,25,10)

#000000
(0,0,0)

Tonalità chiare del colore #1AAF50

#1AAF50
(26,175,80)

#2EB65F
(46,182,95)

#42BD6E
(66,189,110)

#56C47D
(86,196,125)

#6ACB8C
(106,203,140)

#7ED29B
(126,210,155)

#92D9AA
(146,217,170)

#A6E0B9
(166,224,185)

#BAE7C8
(186,231,200)

#CEEED7
(206,238,215)

#E2F5E6
(226,245,230)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #1AAF50. Utilizzate rgb(26,175,80) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #1AAF50; }

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

Il colore di questo testo è #1AAF50.

Colore dello sfondo

.myBgColor { background-color: #1AAF50; }

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

Questo div ha lo sfondo di colore #1AAF50.

Colore del bordo

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

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

Questo div ha i bordi di colore 1AAF50.

Trasparenza

.myOpacity80 { color: #1AAF50; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #1AAF50.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #1AAF50.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #1AAF50 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #1AAF50 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #1AAF50

Questo è un testo nero sullo sfondo del colore #1AAF50.

Esempio del testo bianco sullo sfondo del colore #1AAF50

Questo è un testo bianco sullo sfondo del colore #1AAF50.

COLORE #1AAF50