Colore #6AE273, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore 6AE273 in RGB è definito come 106,226,115

Il rosso è 106;
Il verde è 226;
Il blu è 115.

RGB:
(106,226,115)
(42%,89%,45%)

Rapporto dei colori in RGB

R 106 da 255 = 42%
G 226 da 255 = 89%
B 115 da 255 = 45%

106

226

115

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

Canali RGB in percentuale

R + G + B =
106 + 226 + 115 = 447 (100%)
R 106 da 447 ~ 23.71%
G 226 da 447 ~ 50.56%
B 115 da 447 ~ 25.73%

%23.71

%50.56

%25.73

Modello di colore CMYK

Il colore #6AE273 in CMYK è definito come 53,0,49,11.

Il color verde blu è 53.10%
Il color magenta è 0.00%
Il giallo è 49.12%
Il colore chiave è 11.37%

CMYK:
(53,0,49,11)
C53M0Y49K11 
(53%,0%,49%,11%)
(0.53/0.00/0.49/0.11)

Canali CMYK in percentuale

%53.1

%49.12

%11.37

Codici del colore

Il #6AE273 nei modelli di colore popolari.

	6A	E2	73
RGB	106	226	115
HSL	125°	67.42%	65.10%
HSB/HSV	125°	53.10%	88.63%
CMYK	53.10%	0.00%	49.12%
CMYK	11.37%

Il #6AE273 nei modelli numerici popolari.

Esadicemale	6A	E2	73
Decimale	106	226	115
Binario	1101010	11100010	1110011
Ottale	152	342	163

Tonalita del colore

Tonalità scure del colore #6AE273

#6AE273
(106,226,115)

#61CE69
(97,206,105)

#58BA5F
(88,186,95)

#4FA655
(79,166,85)

#46924B
(70,146,75)

#3D7E41
(61,126,65)

#346A37
(52,106,55)

#2B562D
(43,86,45)

#224223
(34,66,35)

#192E19
(25,46,25)

#101A0F
(16,26,15)

#000000
(0,0,0)

Tonalità chiare del colore #6AE273

#6AE273
(106,226,115)

#77E47F
(119,228,127)

#84E68B
(132,230,139)

#91E897
(145,232,151)

#9EEAA3
(158,234,163)

#ABECAF
(171,236,175)

#B8EEBB
(184,238,187)

#C5F0C7
(197,240,199)

#D2F2D3
(210,242,211)

#DFF4DF
(223,244,223)

#ECF6EB
(236,246,235)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #6AE273. Utilizzate rgb(106,226,115) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #6AE273; }

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

Il colore di questo testo è #6AE273.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #6AE273.

Colore del bordo

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

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

Questo div ha i bordi di colore 6AE273.

Trasparenza

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

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

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

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

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

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

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #6AE273

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

Esempio del testo bianco sullo sfondo del colore #6AE273

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

COLORE #6AE273