Colore #67D676, codici hex ed rgb, esempi

Informazioni

Il colore #67D676 contiene principalmente il verde. Per il #67D676 il colore web safe è #66CC66 (#6C6).

Modello di colore RGB

Il colore 67D676 in RGB è definito come 103,214,118

Il rosso è 103;
Il verde è 214;
Il blu è 118.

RGB:
(103,214,118)
(40%,84%,46%)

Rapporto dei colori in RGB

R 103 da 255 = 40%
G 214 da 255 = 84%
B 118 da 255 = 46%

103

214

118

R + G + B ~ 57%. #67D676 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
103 + 214 + 118 = 435 (100%)
R 103 da 435 ~ 23.68%
G 214 da 435 ~ 49.2%
B 118 da 435 ~ 27.13%

%23.68

%49.2

%27.13

Modello di colore CMYK

Il colore #67D676 in CMYK è definito come 52,0,45,16.

Il color verde blu è 51.87%
Il color magenta è 0.00%
Il giallo è 44.86%
Il colore chiave è 16.08%

CMYK:
(52,0,45,16)
C52M0Y45K16 
(52%,0%,45%,16%)
(0.52/0.00/0.45/0.16)

Canali CMYK in percentuale

%51.87

%44.86

%16.08

Codici del colore

Il #67D676 nei modelli di colore popolari.

	67	D6	76
RGB	103	214	118
HSL	128°	57.51%	62.16%
HSB/HSV	128°	51.87%	83.92%
CMYK	51.87%	0.00%	44.86%
CMYK	16.08%

Il #67D676 nei modelli numerici popolari.

Esadicemale	67	D6	76
Decimale	103	214	118
Binario	1100111	11010110	1110110
Ottale	147	326	166

Tonalita del colore

Tonalità scure del colore #67D676

#67D676
(103,214,118)

#5EC36C
(94,195,108)

#55B062
(85,176,98)

#4C9D58
(76,157,88)

#438A4E
(67,138,78)

#3A7744
(58,119,68)

#31643A
(49,100,58)

#285130
(40,81,48)

#1F3E26
(31,62,38)

#162B1C
(22,43,28)

#0D1812
(13,24,18)

#000000
(0,0,0)

Tonalità chiare del colore #67D676

#67D676
(103,214,118)

#74D982
(116,217,130)

#81DC8E
(129,220,142)

#8EDF9A
(142,223,154)

#9BE2A6
(155,226,166)

#A8E5B2
(168,229,178)

#B5E8BE
(181,232,190)

#C2EBCA
(194,235,202)

#CFEED6
(207,238,214)

#DCF1E2
(220,241,226)

#E9F4EE
(233,244,238)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #67D676. Utilizzate rgb(103,214,118) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #67D676; }

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

Il colore di questo testo è #67D676.

Colore dello sfondo

.myBgColor { background-color: #67D676; }

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

Questo div ha lo sfondo di colore #67D676.

Colore del bordo

.myBorderColor { border: 1px solid #67D676; }

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

Questo div ha i bordi di colore 67D676.

Trasparenza

.myOpacity80 { color: #67D676; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #67D676.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #67D676.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #67D676 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #67D676 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #67D676

Questo è un testo nero sullo sfondo del colore #67D676.

Esempio del testo bianco sullo sfondo del colore #67D676

Questo è un testo bianco sullo sfondo del colore #67D676.

COLORE #67D676