COLORE #20BE37

HEX: #20BE37
RGB: (32,190,55)

Informazioni

Il colore #20BE37 contiene principalmente il verde. Per il #20BE37 il colore web safe è #33CC33 (#3C3).

Modello di colore RGB

Il colore 20BE37 in RGB è definito come 32,190,55

  • Il rosso è 32;
  • Il verde è 190;
  • Il blu è 55.
RGB:
(32,190,55)
(13%,75%,22%)

Rapporto dei colori in RGB

R 32 da 255 = 13%
G 190 da 255 = 75%
B 55 da 255 = 22%

32
190
55

R + G + B ~ 37%. #20BE37 colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
32 + 190 + 55 = 277 (100%)
R 32 da 277 ~ 11.55%
G 190 da 277 ~ 68.59%
B 55 da 277 ~ 19.86%

%11.55
%68.59
%19.86

Modello di colore CMYK

Il colore #20BE37 in CMYK è definito come 83,0,71,25.

  • Il color verde blu è 83.16%
  • Il color magenta è 0.00%
  • Il giallo è 71.05%
  • Il colore chiave è 25.49%
CMYK:
(83,0,71,25)
C83M0Y71K25 
(83%,0%,71%,25%)
(0.83/0.00/0.71/0.25)	

Canali CMYK in percentuale

%83.16
%0
%71.05
%25.49

Codici del colore

Il #20BE37 nei modelli di colore popolari.

20BE37
RGB3219055
HSL129°71.17%43.53%
HSB/HSV129°83.16%74.51%
CMYK83.16%0.00%71.05%
25.49%

Il #20BE37 nei modelli numerici popolari.

Esadicemale20BE37
Decimale3219055
Binario10000010111110110111
Ottale4027667

Tonalita del colore

Tonalità scure del colore #20BE37

#20BE37
(32,190,55)
#1EAD32
(30,173,50)
#1C9C2D
(28,156,45)
#1A8B28
(26,139,40)
#187A23
(24,122,35)
#16691E
(22,105,30)
#145819
(20,88,25)
#124714
(18,71,20)
#10360F
(16,54,15)
#0E250A
(14,37,10)
#0C1405
(12,20,5)
#000000
(0,0,0)

Tonalità chiare del colore #20BE37

#20BE37
(32,190,55)
#34C349
(52,195,73)
#48C85B
(72,200,91)
#5CCD6D
(92,205,109)
#70D27F
(112,210,127)
#84D791
(132,215,145)
#98DCA3
(152,220,163)
#ACE1B5
(172,225,181)
#C0E6C7
(192,230,199)
#D4EBD9
(212,235,217)
#E8F0EB
(232,240,235)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #20BE37. Utilizzate rgb(32,190,55) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #20BE37; }

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

Il colore di questo testo è #20BE37.


Colore dello sfondo

.myBgColor { background-color: #20BE37; }

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

Questo div ha lo sfondo di colore #20BE37.


Colore del bordo

.myBorderColor { border: 1px solid #20BE37; }

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

Questo div ha i bordi di colore 20BE37.


Trasparenza

.myOpacity80 { color: #20BE37; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #20BE37.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #20BE37;
-webkit-box-shadow: 1px 1px 3px 2px #20BE37;
box-shadow:1px 1px 3px 2px #20BE37;">
Div content here</div>
Questo div ha l'ombra di colore #20BE37.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #20BE37 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #20BE37 sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #20BE37

Questo è un testo nero sullo sfondo del colore #20BE37.


Esempio del testo bianco sullo sfondo del colore #20BE37

Questo è un testo bianco sullo sfondo del colore #20BE37.