Colore #20F65F, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore 20F65F in RGB è definito come 32,246,95

Il rosso è 32;
Il verde è 246;
Il blu è 95.

RGB:
(32,246,95)
(13%,96%,37%)

Rapporto dei colori in RGB

R 32 da 255 = 13%
G 246 da 255 = 96%
B 95 da 255 = 37%

246

R + G + B ~ 49%. #20F65F colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
32 + 246 + 95 = 373 (100%)
R 32 da 373 ~ 8.58%
G 246 da 373 ~ 65.95%
B 95 da 373 ~ 25.47%

%65.95

%25.47

Modello di colore CMYK

Il colore #20F65F in CMYK è definito come 87,0,61,4.

Il color verde blu è 86.99%
Il color magenta è 0.00%
Il giallo è 61.38%
Il colore chiave è 3.53%

CMYK:
(87,0,61,4)
C87M0Y61K4 
(87%,0%,61%,4%)
(0.87/0.00/0.61/0.04)

Canali CMYK in percentuale

%86.99

%61.38

%3.53

Codici del colore

Il #20F65F nei modelli di colore popolari.

	20	F6	5F
RGB	32	246	95
HSL	138°	92.24%	54.51%
HSB/HSV	138°	86.99%	96.47%
CMYK	86.99%	0.00%	61.38%
CMYK	3.53%

Il #20F65F nei modelli numerici popolari.

Esadicemale	20	F6	5F
Decimale	32	246	95
Binario	100000	11110110	1011111
Ottale	40	366	137

Tonalita del colore

Tonalità scure del colore #20F65F

#20F65F
(32,246,95)

#1EE057
(30,224,87)

#1CCA4F
(28,202,79)

#1AB447
(26,180,71)

#189E3F
(24,158,63)

#168837
(22,136,55)

#14722F
(20,114,47)

#125C27
(18,92,39)

#10461F
(16,70,31)

#0E3017
(14,48,23)

#0C1A0F
(12,26,15)

#000000
(0,0,0)

Tonalità chiare del colore #20F65F

#20F65F
(32,246,95)

#34F66D
(52,246,109)

#48F67B
(72,246,123)

#5CF689
(92,246,137)

#70F697
(112,246,151)

#84F6A5
(132,246,165)

#98F6B3
(152,246,179)

#ACF6C1
(172,246,193)

#C0F6CF
(192,246,207)

#D4F6DD
(212,246,221)

#E8F6EB
(232,246,235)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #20F65F; }

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

Il colore di questo testo è #20F65F.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #20F65F.

Colore del bordo

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

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

Questo div ha i bordi di colore 20F65F.

Trasparenza

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

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

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

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

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #20F65F.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #20F65F

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

Esempio del testo bianco sullo sfondo del colore #20F65F

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

COLORE #20F65F