Colore #9DD157, codici hex ed rgb, esempi

Informazioni

Il colore #9DD157 contiene principalmente il rosso e il verde. Per il #9DD157 il colore web safe è #99CC66 (#9C6).

Modello di colore RGB

Il colore 9DD157 in RGB è definito come 157,209,87

Il rosso è 157;
Il verde è 209;
Il blu è 87.

RGB:
(157,209,87)
(62%,82%,34%)

Rapporto dei colori in RGB

R 157 da 255 = 62%
G 209 da 255 = 82%
B 87 da 255 = 34%

157

209

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

Canali RGB in percentuale

R + G + B =
157 + 209 + 87 = 453 (100%)
R 157 da 453 ~ 34.66%
G 209 da 453 ~ 46.14%
B 87 da 453 ~ 19.21%

%34.66

%46.14

%19.21

Modello di colore CMYK

Il colore #9DD157 in CMYK è definito come 25,0,58,18.

Il color verde blu è 24.88%
Il color magenta è 0.00%
Il giallo è 58.37%
Il colore chiave è 18.04%

CMYK:
(25,0,58,18)
C25M0Y58K18 
(25%,0%,58%,18%)
(0.25/0.00/0.58/0.18)

Canali CMYK in percentuale

%24.88

%58.37

%18.04

Codici del colore

Il #9DD157 nei modelli di colore popolari.

	9D	D1	57
RGB	157	209	87
HSL	86°	57.01%	58.04%
HSB/HSV	86°	58.37%	81.96%
CMYK	24.88%	0.00%	58.37%
CMYK	18.04%

Il #9DD157 nei modelli numerici popolari.

Esadicemale	9D	D1	57
Decimale	157	209	87
Binario	10011101	11010001	1010111
Ottale	235	321	127

Tonalita del colore

Tonalità scure del colore #9DD157

#9DD157
(157,209,87)

#8FBE50
(143,190,80)

#81AB49
(129,171,73)

#739842
(115,152,66)

#65853B
(101,133,59)

#577234
(87,114,52)

#495F2D
(73,95,45)

#3B4C26
(59,76,38)

#2D391F
(45,57,31)

#1F2618
(31,38,24)

#111311
(17,19,17)

#000000
(0,0,0)

Tonalità chiare del colore #9DD157

#9DD157
(157,209,87)

#A5D566
(165,213,102)

#ADD975
(173,217,117)

#B5DD84
(181,221,132)

#BDE193
(189,225,147)

#C5E5A2
(197,229,162)

#CDE9B1
(205,233,177)

#D5EDC0
(213,237,192)

#DDF1CF
(221,241,207)

#E5F5DE
(229,245,222)

#EDF9ED
(237,249,237)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #9DD157. Utilizzate rgb(157,209,87) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #9DD157; }

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

Il colore di questo testo è #9DD157.

Colore dello sfondo

.myBgColor { background-color: #9DD157; }

<div style="background-color:#9DD157">Inner text</div>

Questo div ha lo sfondo di colore #9DD157.

Colore del bordo

.myBorderColor { border: 1px solid #9DD157; }

<div style="border:3px solid #9DD157">Div</div>

Questo div ha i bordi di colore 9DD157.

Trasparenza

.myOpacity80 { color: #9DD157; opacity: 0.8; }

<p style="color:#9DD157;opacity:0.8;">80%</p>

Il testo di color #9DD157 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 #9DD157;}

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

Questo testo ha l'ombra di colore #9DD157.

.textShadow {text-shadow: 3px 3px 1px #9DD157, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #9DD157 e del colore secondario rosso.

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

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

This text has shadow with #9DD157 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #9DD157.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #9DD157 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #9DD157 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #9DD157

Questo è un testo nero sullo sfondo del colore #9DD157.

Esempio del testo bianco sullo sfondo del colore #9DD157

Questo è un testo bianco sullo sfondo del colore #9DD157.

COLORE #9DD157