Colore #36DB77, codici hex ed rgb, esempi

Informazioni

Il colore #36DB77 contiene principalmente il verde. Per il #36DB77 il colore web safe è #33CC66 (#3C6).

Modello di colore RGB

Il colore 36DB77 in RGB è definito come 54,219,119

Il rosso è 54;
Il verde è 219;
Il blu è 119.

RGB:
(54,219,119)
(21%,86%,47%)

Rapporto dei colori in RGB

R 54 da 255 = 21%
G 219 da 255 = 86%
B 119 da 255 = 47%

219

119

R + G + B ~ 51%. #36DB77 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
54 + 219 + 119 = 392 (100%)
R 54 da 392 ~ 13.78%
G 219 da 392 ~ 55.87%
B 119 da 392 ~ 30.36%

%13.78

%55.87

%30.36

Modello di colore CMYK

Il colore #36DB77 in CMYK è definito come 75,0,46,14.

Il color verde blu è 75.34%
Il color magenta è 0.00%
Il giallo è 45.66%
Il colore chiave è 14.12%

CMYK:
(75,0,46,14)
C75M0Y46K14 
(75%,0%,46%,14%)
(0.75/0.00/0.46/0.14)

Canali CMYK in percentuale

%75.34

%45.66

%14.12

Codici del colore

Il #36DB77 nei modelli di colore popolari.

	36	DB	77
RGB	54	219	119
HSL	144°	69.62%	53.53%
HSB/HSV	144°	75.34%	85.88%
CMYK	75.34%	0.00%	45.66%
CMYK	14.12%

Il #36DB77 nei modelli numerici popolari.

Esadicemale	36	DB	77
Decimale	54	219	119
Binario	110110	11011011	1110111
Ottale	66	333	167

Tonalita del colore

Tonalità scure del colore #36DB77

#36DB77
(54,219,119)

#32C86D
(50,200,109)

#2EB563
(46,181,99)

#2AA259
(42,162,89)

#268F4F
(38,143,79)

#227C45
(34,124,69)

#1E693B
(30,105,59)

#1A5631
(26,86,49)

#164327
(22,67,39)

#12301D
(18,48,29)

#0E1D13
(14,29,19)

#000000
(0,0,0)

Tonalità chiare del colore #36DB77

#36DB77
(54,219,119)

#48DE83
(72,222,131)

#5AE18F
(90,225,143)

#6CE49B
(108,228,155)

#7EE7A7
(126,231,167)

#90EAB3
(144,234,179)

#A2EDBF
(162,237,191)

#B4F0CB
(180,240,203)

#C6F3D7
(198,243,215)

#D8F6E3
(216,246,227)

#EAF9EF
(234,249,239)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #36DB77. Utilizzate rgb(54,219,119) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #36DB77; }

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

Il colore di questo testo è #36DB77.

Colore dello sfondo

.myBgColor { background-color: #36DB77; }

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

Questo div ha lo sfondo di colore #36DB77.

Colore del bordo

.myBorderColor { border: 1px solid #36DB77; }

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

Questo div ha i bordi di colore 36DB77.

Trasparenza

.myOpacity80 { color: #36DB77; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #36DB77.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #36DB77.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #36DB77 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #36DB77 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #36DB77

Questo è un testo nero sullo sfondo del colore #36DB77.

Esempio del testo bianco sullo sfondo del colore #36DB77

Questo è un testo bianco sullo sfondo del colore #36DB77.

COLORE #36DB77