Colore #6BDF65, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore 6BDF65 in RGB è definito come 107,223,101

Il rosso è 107;
Il verde è 223;
Il blu è 101.

RGB:
(107,223,101)
(42%,87%,40%)

Rapporto dei colori in RGB

R 107 da 255 = 42%
G 223 da 255 = 87%
B 101 da 255 = 40%

107

223

101

R + G + B ~ 56%. #6BDF65 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
107 + 223 + 101 = 431 (100%)
R 107 da 431 ~ 24.83%
G 223 da 431 ~ 51.74%
B 101 da 431 ~ 23.43%

%24.83

%51.74

%23.43

Modello di colore CMYK

Il colore #6BDF65 in CMYK è definito come 52,0,55,13.

Il color verde blu è 52.02%
Il color magenta è 0.00%
Il giallo è 54.71%
Il colore chiave è 12.55%

CMYK:
(52,0,55,13)
C52M0Y55K13 
(52%,0%,55%,13%)
(0.52/0.00/0.55/0.13)

Canali CMYK in percentuale

%52.02

%54.71

%12.55

Codici del colore

Il #6BDF65 nei modelli di colore popolari.

	6B	DF	65
RGB	107	223	101
HSL	117°	65.59%	63.53%
HSB/HSV	117°	54.71%	87.45%
CMYK	52.02%	0.00%	54.71%
CMYK	12.55%

Il #6BDF65 nei modelli numerici popolari.

Esadicemale	6B	DF	65
Decimale	107	223	101
Binario	1101011	11011111	1100101
Ottale	153	337	145

Tonalita del colore

Tonalità scure del colore #6BDF65

#6BDF65
(107,223,101)

#62CB5C
(98,203,92)

#59B753
(89,183,83)

#50A34A
(80,163,74)

#478F41
(71,143,65)

#3E7B38
(62,123,56)

#35672F
(53,103,47)

#2C5326
(44,83,38)

#233F1D
(35,63,29)

#1A2B14
(26,43,20)

#11170B
(17,23,11)

#000000
(0,0,0)

Tonalità chiare del colore #6BDF65

#6BDF65
(107,223,101)

#78E173
(120,225,115)

#85E381
(133,227,129)

#92E58F
(146,229,143)

#9FE79D
(159,231,157)

#ACE9AB
(172,233,171)

#B9EBB9
(185,235,185)

#C6EDC7
(198,237,199)

#D3EFD5
(211,239,213)

#E0F1E3
(224,241,227)

#EDF3F1
(237,243,241)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #6BDF65. Utilizzate rgb(107,223,101) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #6BDF65; }

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

Il colore di questo testo è #6BDF65.

Colore dello sfondo

.myBgColor { background-color: #6BDF65; }

<div style="background-color:#6BDF65">Inner text</div>

Questo div ha lo sfondo di colore #6BDF65.

Colore del bordo

.myBorderColor { border: 1px solid #6BDF65; }

<div style="border:3px solid #6BDF65">Div</div>

Questo div ha i bordi di colore 6BDF65.

Trasparenza

.myOpacity80 { color: #6BDF65; opacity: 0.8; }

<p style="color:#6BDF65;opacity:0.8;">80%</p>

Il testo di color #6BDF65 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 #6BDF65;}

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

Questo testo ha l'ombra di colore #6BDF65.

.textShadow {text-shadow: 3px 3px 1px #6BDF65, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #6BDF65 e del colore secondario rosso.

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

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

This text has shadow with #6BDF65 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #6BDF65.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #6BDF65 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #6BDF65 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #6BDF65

Questo è un testo nero sullo sfondo del colore #6BDF65.

Esempio del testo bianco sullo sfondo del colore #6BDF65

Questo è un testo bianco sullo sfondo del colore #6BDF65.

COLORE #6BDF65