Colore #F26B26, codici hex ed rgb, esempi

Informazioni

Il colore #F26B26 contiene principalmente il rosso. Per il #F26B26 il colore web safe è #FF6633 (#F63).

Modello di colore RGB

Il colore F26B26 in RGB è definito come 242,107,38

Il rosso è 242;
Il verde è 107;
Il blu è 38.

RGB:
(242,107,38)
(95%,42%,15%)

Rapporto dei colori in RGB

R 242 da 255 = 95%
G 107 da 255 = 42%
B 38 da 255 = 15%

242

107

R + G + B ~ 51%. #F26B26 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
242 + 107 + 38 = 387 (100%)
R 242 da 387 ~ 62.53%
G 107 da 387 ~ 27.65%
B 38 da 387 ~ 9.82%

%62.53

%27.65

%9.82

Modello di colore CMYK

Il colore #F26B26 in CMYK è definito come 0,56,84,5.

Il color verde blu è 0.00%
Il color magenta è 55.79%
Il giallo è 84.30%
Il colore chiave è 5.10%

CMYK:
(0,56,84,5)
C0M56Y84K5 
(0%,56%,84%,5%)
(0.00/0.56/0.84/0.05)

Canali CMYK in percentuale

%55.79

%84.3

%5.1

Codici del colore

Il #F26B26 nei modelli di colore popolari.

	F2	6B	26
RGB	242	107	38
HSL	20°	88.70%	54.90%
HSB/HSV	20°	84.30%	94.90%
CMYK	0.00%	55.79%	84.30%
CMYK	5.10%

Il #F26B26 nei modelli numerici popolari.

Esadicemale	F2	6B	26
Decimale	242	107	38
Binario	11110010	1101011	100110
Ottale	362	153	46

Tonalita del colore

Tonalità scure del colore #F26B26

#F26B26
(242,107,38)

#DC6223
(220,98,35)

#C65920
(198,89,32)

#B0501D
(176,80,29)

#9A471A
(154,71,26)

#843E17
(132,62,23)

#6E3514
(110,53,20)

#582C11
(88,44,17)

#42230E
(66,35,14)

#2C1A0B
(44,26,11)

#161108
(22,17,8)

#000000
(0,0,0)

Tonalità chiare del colore #F26B26

#F26B26
(242,107,38)

#F37839
(243,120,57)

#F4854C
(244,133,76)

#F5925F
(245,146,95)

#F69F72
(246,159,114)

#F7AC85
(247,172,133)

#F8B998
(248,185,152)

#F9C6AB
(249,198,171)

#FAD3BE
(250,211,190)

#FBE0D1
(251,224,209)

#FCEDE4
(252,237,228)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #F26B26; }

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

Il colore di questo testo è #F26B26.

Colore dello sfondo

.myBgColor { background-color: #F26B26; }

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

Questo div ha lo sfondo di colore #F26B26.

Colore del bordo

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

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

Questo div ha i bordi di colore F26B26.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #F26B26.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #F26B26.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #F26B26

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

Esempio del testo bianco sullo sfondo del colore #F26B26

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

COLORE #F26B26