Colore #F2C87E, codici hex ed rgb, esempi

Informazioni

Il colore #F2C87E contiene principalmente il rosso e il verde. Per il #F2C87E il colore web safe è #FFCC66 (#FC6).

Modello di colore RGB

Il colore F2C87E in RGB è definito come 242,200,126

Il rosso è 242;
Il verde è 200;
Il blu è 126.

RGB:
(242,200,126)
(95%,78%,49%)

Rapporto dei colori in RGB

R 242 da 255 = 95%
G 200 da 255 = 78%
B 126 da 255 = 49%

242

200

126

R + G + B ~ 74%. #F2C87E colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
242 + 200 + 126 = 568 (100%)
R 242 da 568 ~ 42.61%
G 200 da 568 ~ 35.21%
B 126 da 568 ~ 22.18%

%42.61

%35.21

%22.18

Modello di colore CMYK

Il colore #F2C87E in CMYK è definito come 0,17,48,5.

Il color verde blu è 0.00%
Il color magenta è 17.36%
Il giallo è 47.93%
Il colore chiave è 5.10%

CMYK:
(0,17,48,5)
C0M17Y48K5 
(0%,17%,48%,5%)
(0.00/0.17/0.48/0.05)

Canali CMYK in percentuale

%17.36

%47.93

%5.1

Codici del colore

Il #F2C87E nei modelli di colore popolari.

	F2	C8	7E
RGB	242	200	126
HSL	38°	81.69%	72.16%
HSB/HSV	38°	47.93%	94.90%
CMYK	0.00%	17.36%	47.93%
CMYK	5.10%

Il #F2C87E nei modelli numerici popolari.

Esadicemale	F2	C8	7E
Decimale	242	200	126
Binario	11110010	11001000	1111110
Ottale	362	310	176

Tonalita del colore

Tonalità scure del colore #F2C87E

#F2C87E
(242,200,126)

#DCB673
(220,182,115)

#C6A468
(198,164,104)

#B0925D
(176,146,93)

#9A8052
(154,128,82)

#846E47
(132,110,71)

#6E5C3C
(110,92,60)

#584A31
(88,74,49)

#423826
(66,56,38)

#2C261B
(44,38,27)

#161410
(22,20,16)

#000000
(0,0,0)

Tonalità chiare del colore #F2C87E

#F2C87E
(242,200,126)

#F3CD89
(243,205,137)

#F4D294
(244,210,148)

#F5D79F
(245,215,159)

#F6DCAA
(246,220,170)

#F7E1B5
(247,225,181)

#F8E6C0
(248,230,192)

#F9EBCB
(249,235,203)

#FAF0D6
(250,240,214)

#FBF5E1
(251,245,225)

#FCFAEC
(252,250,236)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #F2C87E. Utilizzate rgb(242,200,126) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #F2C87E; }

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

Il colore di questo testo è #F2C87E.

Colore dello sfondo

.myBgColor { background-color: #F2C87E; }

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

Questo div ha lo sfondo di colore #F2C87E.

Colore del bordo

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

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

Questo div ha i bordi di colore F2C87E.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #F2C87E.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #F2C87E.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #F2C87E

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

Esempio del testo bianco sullo sfondo del colore #F2C87E

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

COLORE #F2C87E