Colore #BBF195, codici hex ed rgb, esempi

Informazioni

Il colore #BBF195 contiene principalmente il rosso e il verde. Per il #BBF195 il colore web safe è #CCFF99 (#CF9).

Modello di colore RGB

Il colore BBF195 in RGB è definito come 187,241,149

Il rosso è 187;
Il verde è 241;
Il blu è 149.

RGB:
(187,241,149)
(73%,95%,58%)

Rapporto dei colori in RGB

R 187 da 255 = 73%
G 241 da 255 = 95%
B 149 da 255 = 58%

187

241

149

R + G + B ~ 75%. #BBF195 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
187 + 241 + 149 = 577 (100%)
R 187 da 577 ~ 32.41%
G 241 da 577 ~ 41.77%
B 149 da 577 ~ 25.82%

%32.41

%41.77

%25.82

Modello di colore CMYK

Il colore #BBF195 in CMYK è definito come 22,0,38,5.

Il color verde blu è 22.41%
Il color magenta è 0.00%
Il giallo è 38.17%
Il colore chiave è 5.49%

CMYK:
(22,0,38,5)
C22M0Y38K5 
(22%,0%,38%,5%)
(0.22/0.00/0.38/0.05)

Canali CMYK in percentuale

%22.41

%38.17

%5.49

Codici del colore

Il #BBF195 nei modelli di colore popolari.

	BB	F1	95
RGB	187	241	149
HSL	95°	76.67%	76.47%
HSB/HSV	95°	38.17%	94.51%
CMYK	22.41%	0.00%	38.17%
CMYK	5.49%

Il #BBF195 nei modelli numerici popolari.

Esadicemale	BB	F1	95
Decimale	187	241	149
Binario	10111011	11110001	10010101
Ottale	273	361	225

Tonalita del colore

Tonalità scure del colore #BBF195

#BBF195
(187,241,149)

#AADC88
(170,220,136)

#99C77B
(153,199,123)

#88B26E
(136,178,110)

#779D61
(119,157,97)

#668854
(102,136,84)

#557347
(85,115,71)

#445E3A
(68,94,58)

#33492D
(51,73,45)

#223420
(34,52,32)

#111F13
(17,31,19)

#000000
(0,0,0)

Tonalità chiare del colore #BBF195

#BBF195
(187,241,149)

#C1F29E
(193,242,158)

#C7F3A7
(199,243,167)

#CDF4B0
(205,244,176)

#D3F5B9
(211,245,185)

#D9F6C2
(217,246,194)

#DFF7CB
(223,247,203)

#E5F8D4
(229,248,212)

#EBF9DD
(235,249,221)

#F1FAE6
(241,250,230)

#F7FBEF
(247,251,239)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #BBF195. Utilizzate rgb(187,241,149) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #BBF195; }

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

Il colore di questo testo è #BBF195.

Colore dello sfondo

.myBgColor { background-color: #BBF195; }

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

Questo div ha lo sfondo di colore #BBF195.

Colore del bordo

.myBorderColor { border: 1px solid #BBF195; }

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

Questo div ha i bordi di colore BBF195.

Trasparenza

.myOpacity80 { color: #BBF195; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #BBF195.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #BBF195.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #BBF195 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #BBF195 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #BBF195

Questo è un testo nero sullo sfondo del colore #BBF195.

Esempio del testo bianco sullo sfondo del colore #BBF195

Questo è un testo bianco sullo sfondo del colore #BBF195.

COLORE #BBF195