COLORE #24EF50

HEX: #24EF50
RGB: (36,239,80)

Informazioni

Il colore #24EF50 contiene principalmente il verde. Per il #24EF50 il colore web safe è #33FF66 (#3F6).

Modello di colore RGB

Il colore 24EF50 in RGB è definito come 36,239,80

  • Il rosso è 36;
  • Il verde è 239;
  • Il blu è 80.
RGB:
(36,239,80)
(14%,94%,31%)

Rapporto dei colori in RGB

R 36 da 255 = 14%
G 239 da 255 = 94%
B 80 da 255 = 31%

36
239
80

R + G + B ~ 46%. #24EF50 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
36 + 239 + 80 = 355 (100%)
R 36 da 355 ~ 10.14%
G 239 da 355 ~ 67.32%
B 80 da 355 ~ 22.54%

%10.14
%67.32
%22.54

Modello di colore CMYK

Il colore #24EF50 in CMYK è definito come 85,0,67,6.

  • Il color verde blu è 84.94%
  • Il color magenta è 0.00%
  • Il giallo è 66.53%
  • Il colore chiave è 6.27%
CMYK:
(85,0,67,6)
C85M0Y67K6 
(85%,0%,67%,6%)
(0.85/0.00/0.67/0.06)	

Canali CMYK in percentuale

%84.94
%0
%66.53
%6.27

Codici del colore

Il #24EF50 nei modelli di colore popolari.

24EF50
RGB3623980
HSL133°86.38%53.92%
HSB/HSV133°84.94%93.73%
CMYK84.94%0.00%66.53%
6.27%

Il #24EF50 nei modelli numerici popolari.

Esadicemale24EF50
Decimale3623980
Binario100100111011111010000
Ottale44357120

Tonalita del colore

Tonalità scure del colore #24EF50

#24EF50
(36,239,80)
#21DA49
(33,218,73)
#1EC542
(30,197,66)
#1BB03B
(27,176,59)
#189B34
(24,155,52)
#15862D
(21,134,45)
#127126
(18,113,38)
#0F5C1F
(15,92,31)
#0C4718
(12,71,24)
#093211
(9,50,17)
#061D0A
(6,29,10)
#000000
(0,0,0)

Tonalità chiare del colore #24EF50

#24EF50
(36,239,80)
#37F05F
(55,240,95)
#4AF16E
(74,241,110)
#5DF27D
(93,242,125)
#70F38C
(112,243,140)
#83F49B
(131,244,155)
#96F5AA
(150,245,170)
#A9F6B9
(169,246,185)
#BCF7C8
(188,247,200)
#CFF8D7
(207,248,215)
#E2F9E6
(226,249,230)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #24EF50. Utilizzate rgb(36,239,80) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #24EF50; }

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

Il colore di questo testo è #24EF50.


Colore dello sfondo

.myBgColor { background-color: #24EF50; }

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

Questo div ha lo sfondo di colore #24EF50.


Colore del bordo

.myBorderColor { border: 1px solid #24EF50; }

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

Questo div ha i bordi di colore 24EF50.


Trasparenza

.myOpacity80 { color: #24EF50; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #24EF50.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #24EF50 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #24EF50 sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #24EF50

Questo è un testo nero sullo sfondo del colore #24EF50.


Esempio del testo bianco sullo sfondo del colore #24EF50

Questo è un testo bianco sullo sfondo del colore #24EF50.