Colore #9AE24A, codici hex ed rgb, esempi

Informazioni

Il colore #9AE24A contiene principalmente il verde. Per il #9AE24A il colore web safe è #99CC33 (#9C3).

Modello di colore RGB

Il colore 9AE24A in RGB è definito come 154,226,74

Il rosso è 154;
Il verde è 226;
Il blu è 74.

RGB:
(154,226,74)
(60%,89%,29%)

Rapporto dei colori in RGB

R 154 da 255 = 60%
G 226 da 255 = 89%
B 74 da 255 = 29%

154

226

R + G + B ~ 59%. #9AE24A colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
154 + 226 + 74 = 454 (100%)
R 154 da 454 ~ 33.92%
G 226 da 454 ~ 49.78%
B 74 da 454 ~ 16.3%

%33.92

%49.78

%16.3

Modello di colore CMYK

Il colore #9AE24A in CMYK è definito come 32,0,67,11.

Il color verde blu è 31.86%
Il color magenta è 0.00%
Il giallo è 67.26%
Il colore chiave è 11.37%

CMYK:
(32,0,67,11)
C32M0Y67K11 
(32%,0%,67%,11%)
(0.32/0.00/0.67/0.11)

Canali CMYK in percentuale

%31.86

%67.26

%11.37

Codici del colore

Il #9AE24A nei modelli di colore popolari.

	9A	E2	4A
RGB	154	226	74
HSL	88°	72.38%	58.82%
HSB/HSV	88°	67.26%	88.63%
CMYK	31.86%	0.00%	67.26%
CMYK	11.37%

Il #9AE24A nei modelli numerici popolari.

Esadicemale	9A	E2	4A
Decimale	154	226	74
Binario	10011010	11100010	1001010
Ottale	232	342	112

Tonalita del colore

Tonalità scure del colore #9AE24A

#9AE24A
(154,226,74)

#8CCE44
(140,206,68)

#7EBA3E
(126,186,62)

#70A638
(112,166,56)

#629232
(98,146,50)

#547E2C
(84,126,44)

#466A26
(70,106,38)

#385620
(56,86,32)

#2A421A
(42,66,26)

#1C2E14
(28,46,20)

#0E1A0E
(14,26,14)

#000000
(0,0,0)

Tonalità chiare del colore #9AE24A

#9AE24A
(154,226,74)

#A3E45A
(163,228,90)

#ACE66A
(172,230,106)

#B5E87A
(181,232,122)

#BEEA8A
(190,234,138)

#C7EC9A
(199,236,154)

#D0EEAA
(208,238,170)

#D9F0BA
(217,240,186)

#E2F2CA
(226,242,202)

#EBF4DA
(235,244,218)

#F4F6EA
(244,246,234)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #9AE24A. Utilizzate rgb(154,226,74) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #9AE24A; }

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

Il colore di questo testo è #9AE24A.

Colore dello sfondo

.myBgColor { background-color: #9AE24A; }

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

Questo div ha lo sfondo di colore #9AE24A.

Colore del bordo

.myBorderColor { border: 1px solid #9AE24A; }

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

Questo div ha i bordi di colore 9AE24A.

Trasparenza

.myOpacity80 { color: #9AE24A; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #9AE24A.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #9AE24A.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #9AE24A sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #9AE24A sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #9AE24A

Questo è un testo nero sullo sfondo del colore #9AE24A.

Esempio del testo bianco sullo sfondo del colore #9AE24A

Questo è un testo bianco sullo sfondo del colore #9AE24A.

COLORE #9AE24A