Colore #6DCC9A, codici hex ed rgb, esempi

Informazioni

Il colore #6DCC9A contiene principalmente il verde e il blu. Per il #6DCC9A il colore web safe è #66CC99 (#6C9).

Modello di colore RGB

Il colore 6DCC9A in RGB è definito come 109,204,154

Il rosso è 109;
Il verde è 204;
Il blu è 154.

RGB:
(109,204,154)
(43%,80%,60%)

Rapporto dei colori in RGB

R 109 da 255 = 43%
G 204 da 255 = 80%
B 154 da 255 = 60%

109

204

154

R + G + B ~ 61%. #6DCC9A colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
109 + 204 + 154 = 467 (100%)
R 109 da 467 ~ 23.34%
G 204 da 467 ~ 43.68%
B 154 da 467 ~ 32.98%

%23.34

%43.68

%32.98

Modello di colore CMYK

Il colore #6DCC9A in CMYK è definito come 47,0,25,20.

Il color verde blu è 46.57%
Il color magenta è 0.00%
Il giallo è 24.51%
Il colore chiave è 20.00%

CMYK:
(47,0,25,20)
C47M0Y25K20 
(47%,0%,25%,20%)
(0.47/0.00/0.25/0.20)

Canali CMYK in percentuale

%46.57

%24.51

%20

Codici del colore

Il #6DCC9A nei modelli di colore popolari.

	6D	CC	9A
RGB	109	204	154
HSL	148°	48.22%	61.37%
HSB/HSV	148°	46.57%	80.00%
CMYK	46.57%	0.00%	24.51%
CMYK	20.00%

Il #6DCC9A nei modelli numerici popolari.

Esadicemale	6D	CC	9A
Decimale	109	204	154
Binario	1101101	11001100	10011010
Ottale	155	314	232

Tonalita del colore

Tonalità scure del colore #6DCC9A

#6DCC9A
(109,204,154)

#64BA8C
(100,186,140)

#5BA87E
(91,168,126)

#529670
(82,150,112)

#498462
(73,132,98)

#407254
(64,114,84)

#376046
(55,96,70)

#2E4E38
(46,78,56)

#253C2A
(37,60,42)

#1C2A1C
(28,42,28)

#13180E
(19,24,14)

#000000
(0,0,0)

Tonalità chiare del colore #6DCC9A

#6DCC9A
(109,204,154)

#7AD0A3
(122,208,163)

#87D4AC
(135,212,172)

#94D8B5
(148,216,181)

#A1DCBE
(161,220,190)

#AEE0C7
(174,224,199)

#BBE4D0
(187,228,208)

#C8E8D9
(200,232,217)

#D5ECE2
(213,236,226)

#E2F0EB
(226,240,235)

#EFF4F4
(239,244,244)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #6DCC9A. Utilizzate rgb(109,204,154) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #6DCC9A; }

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

Il colore di questo testo è #6DCC9A.

Colore dello sfondo

.myBgColor { background-color: #6DCC9A; }

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

Questo div ha lo sfondo di colore #6DCC9A.

Colore del bordo

.myBorderColor { border: 1px solid #6DCC9A; }

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

Questo div ha i bordi di colore 6DCC9A.

Trasparenza

.myOpacity80 { color: #6DCC9A; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #6DCC9A.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #6DCC9A.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #6DCC9A sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #6DCC9A sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #6DCC9A

Questo è un testo nero sullo sfondo del colore #6DCC9A.

Esempio del testo bianco sullo sfondo del colore #6DCC9A

Questo è un testo bianco sullo sfondo del colore #6DCC9A.

COLORE #6DCC9A