Colore #AEE655, codici hex ed rgb, esempi

Informazioni

Il colore #AEE655 contiene principalmente il rosso e il verde. Per il #AEE655 il colore web safe è #99CC66 (#9C6).

Modello di colore RGB

Il colore AEE655 in RGB è definito come 174,230,85

Il rosso è 174;
Il verde è 230;
Il blu è 85.

RGB:
(174,230,85)
(68%,90%,33%)

Rapporto dei colori in RGB

R 174 da 255 = 68%
G 230 da 255 = 90%
B 85 da 255 = 33%

174

230

R + G + B ~ 64%. #AEE655 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
174 + 230 + 85 = 489 (100%)
R 174 da 489 ~ 35.58%
G 230 da 489 ~ 47.03%
B 85 da 489 ~ 17.38%

%35.58

%47.03

%17.38

Modello di colore CMYK

Il colore #AEE655 in CMYK è definito come 24,0,63,10.

Il color verde blu è 24.35%
Il color magenta è 0.00%
Il giallo è 63.04%
Il colore chiave è 9.80%

CMYK:
(24,0,63,10)
C24M0Y63K10 
(24%,0%,63%,10%)
(0.24/0.00/0.63/0.10)

Canali CMYK in percentuale

%24.35

%63.04

%9.8

Codici del colore

Il #AEE655 nei modelli di colore popolari.

	AE	E6	55
RGB	174	230	85
HSL	83°	74.36%	61.76%
HSB/HSV	83°	63.04%	90.20%
CMYK	24.35%	0.00%	63.04%
CMYK	9.80%

Il #AEE655 nei modelli numerici popolari.

Esadicemale	AE	E6	55
Decimale	174	230	85
Binario	10101110	11100110	1010101
Ottale	256	346	125

Tonalita del colore

Tonalità scure del colore #AEE655

#AEE655
(174,230,85)

#9FD24E
(159,210,78)

#90BE47
(144,190,71)

#81AA40
(129,170,64)

#729639
(114,150,57)

#638232
(99,130,50)

#546E2B
(84,110,43)

#455A24
(69,90,36)

#36461D
(54,70,29)

#273216
(39,50,22)

#181E0F
(24,30,15)

#000000
(0,0,0)

Tonalità chiare del colore #AEE655

#AEE655
(174,230,85)

#B5E864
(181,232,100)

#BCEA73
(188,234,115)

#C3EC82
(195,236,130)

#CAEE91
(202,238,145)

#D1F0A0
(209,240,160)

#D8F2AF
(216,242,175)

#DFF4BE
(223,244,190)

#E6F6CD
(230,246,205)

#EDF8DC
(237,248,220)

#F4FAEB
(244,250,235)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #AEE655. Utilizzate rgb(174,230,85) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #AEE655; }

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

Il colore di questo testo è #AEE655.

Colore dello sfondo

.myBgColor { background-color: #AEE655; }

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

Questo div ha lo sfondo di colore #AEE655.

Colore del bordo

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

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

Questo div ha i bordi di colore AEE655.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #AEE655.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #AEE655.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #AEE655

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

Esempio del testo bianco sullo sfondo del colore #AEE655

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

COLORE #AEE655