Colore #15A648, codici hex ed rgb, esempi

Informazioni

Il colore #15A648 contiene principalmente il verde. Per il #15A648 il colore web safe è #009933 (#093).

Modello di colore RGB

Il colore 15A648 in RGB è definito come 21,166,72

Il rosso è 21;
Il verde è 166;
Il blu è 72.

RGB:
(21,166,72)
(8%,65%,28%)

Rapporto dei colori in RGB

R 21 da 255 = 8%
G 166 da 255 = 65%
B 72 da 255 = 28%

166

R + G + B ~ 34%. #15A648 colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
21 + 166 + 72 = 259 (100%)
R 21 da 259 ~ 8.11%
G 166 da 259 ~ 64.09%
B 72 da 259 ~ 27.8%

%64.09

%27.8

Modello di colore CMYK

Il colore #15A648 in CMYK è definito come 87,0,57,35.

Il color verde blu è 87.35%
Il color magenta è 0.00%
Il giallo è 56.63%
Il colore chiave è 34.90%

CMYK:
(87,0,57,35)
C87M0Y57K35 
(87%,0%,57%,35%)
(0.87/0.00/0.57/0.35)

Canali CMYK in percentuale

%87.35

%56.63

%34.9

Codici del colore

Il #15A648 nei modelli di colore popolari.

	15	A6	48
RGB	21	166	72
HSL	141°	77.54%	36.67%
HSB/HSV	141°	87.35%	65.10%
CMYK	87.35%	0.00%	56.63%
CMYK	34.90%

Il #15A648 nei modelli numerici popolari.

Esadicemale	15	A6	48
Decimale	21	166	72
Binario	10101	10100110	1001000
Ottale	25	246	110

Tonalita del colore

Tonalità scure del colore #15A648

#15A648
(21,166,72)

#149742
(20,151,66)

#13883C
(19,136,60)

#127936
(18,121,54)

#116A30
(17,106,48)

#105B2A
(16,91,42)

#0F4C24
(15,76,36)

#0E3D1E
(14,61,30)

#0D2E18
(13,46,24)

#0C1F12
(12,31,18)

#0B100C
(11,16,12)

#000000
(0,0,0)

Tonalità chiare del colore #15A648

#15A648
(21,166,72)

#2AAE58
(42,174,88)

#3FB668
(63,182,104)

#54BE78
(84,190,120)

#69C688
(105,198,136)

#7ECE98
(126,206,152)

#93D6A8
(147,214,168)

#A8DEB8
(168,222,184)

#BDE6C8
(189,230,200)

#D2EED8
(210,238,216)

#E7F6E8
(231,246,232)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #15A648. Utilizzate rgb(21,166,72) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #15A648; }

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

Il colore di questo testo è #15A648.

Colore dello sfondo

.myBgColor { background-color: #15A648; }

<div style="background-color:#15A648">Inner text</div>

Questo div ha lo sfondo di colore #15A648.

Colore del bordo

.myBorderColor { border: 1px solid #15A648; }

<div style="border:3px solid #15A648">Div</div>

Questo div ha i bordi di colore 15A648.

Trasparenza

.myOpacity80 { color: #15A648; opacity: 0.8; }

<p style="color:#15A648;opacity:0.8;">80%</p>

Il testo di color #15A648 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 #15A648;}

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

Questo testo ha l'ombra di colore #15A648.

.textShadow {text-shadow: 3px 3px 1px #15A648, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #15A648 e del colore secondario rosso.

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

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

This text has shadow with #15A648 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #15A648.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #15A648 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #15A648 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #15A648

Questo è un testo nero sullo sfondo del colore #15A648.

Esempio del testo bianco sullo sfondo del colore #15A648

Questo è un testo bianco sullo sfondo del colore #15A648.

COLORE #15A648