Colore #AED345, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore AED345 in RGB è definito come 174,211,69

Il rosso è 174;
Il verde è 211;
Il blu è 69.

RGB:
(174,211,69)
(68%,83%,27%)

Rapporto dei colori in RGB

R 174 da 255 = 68%
G 211 da 255 = 83%
B 69 da 255 = 27%

174

211

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

Canali RGB in percentuale

R + G + B =
174 + 211 + 69 = 454 (100%)
R 174 da 454 ~ 38.33%
G 211 da 454 ~ 46.48%
B 69 da 454 ~ 15.2%

%38.33

%46.48

%15.2

Modello di colore CMYK

Il colore #AED345 in CMYK è definito come 18,0,67,17.

Il color verde blu è 17.54%
Il color magenta è 0.00%
Il giallo è 67.30%
Il colore chiave è 17.25%

CMYK:
(18,0,67,17)
C18M0Y67K17 
(18%,0%,67%,17%)
(0.18/0.00/0.67/0.17)

Canali CMYK in percentuale

%17.54

%67.3

%17.25

Codici del colore

Il #AED345 nei modelli di colore popolari.

	AE	D3	45
RGB	174	211	69
HSL	76°	61.74%	54.90%
HSB/HSV	76°	67.30%	82.75%
CMYK	17.54%	0.00%	67.30%
CMYK	17.25%

Il #AED345 nei modelli numerici popolari.

Esadicemale	AE	D3	45
Decimale	174	211	69
Binario	10101110	11010011	1000101
Ottale	256	323	105

Tonalita del colore

Tonalità scure del colore #AED345

#AED345
(174,211,69)

#9FC03F
(159,192,63)

#90AD39
(144,173,57)

#819A33
(129,154,51)

#72872D
(114,135,45)

#637427
(99,116,39)

#546121
(84,97,33)

#454E1B
(69,78,27)

#363B15
(54,59,21)

#27280F
(39,40,15)

#181509
(24,21,9)

#000000
(0,0,0)

Tonalità chiare del colore #AED345

#AED345
(174,211,69)

#B5D755
(181,215,85)

#BCDB65
(188,219,101)

#C3DF75
(195,223,117)

#CAE385
(202,227,133)

#D1E795
(209,231,149)

#D8EBA5
(216,235,165)

#DFEFB5
(223,239,181)

#E6F3C5
(230,243,197)

#EDF7D5
(237,247,213)

#F4FBE5
(244,251,229)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #AED345; }

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

Il colore di questo testo è #AED345.

Colore dello sfondo

.myBgColor { background-color: #AED345; }

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

Questo div ha lo sfondo di colore #AED345.

Colore del bordo

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

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

Questo div ha i bordi di colore AED345.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #AED345.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #AED345.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #AED345

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

Esempio del testo bianco sullo sfondo del colore #AED345

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

COLORE #AED345