Colore #ED7F45, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore ED7F45 in RGB è definito come 237,127,69

Il rosso è 237;
Il verde è 127;
Il blu è 69.

RGB:
(237,127,69)
(93%,50%,27%)

Rapporto dei colori in RGB

R 237 da 255 = 93%
G 127 da 255 = 50%
B 69 da 255 = 27%

237

127

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

Canali RGB in percentuale

R + G + B =
237 + 127 + 69 = 433 (100%)
R 237 da 433 ~ 54.73%
G 127 da 433 ~ 29.33%
B 69 da 433 ~ 15.94%

%54.73

%29.33

%15.94

Modello di colore CMYK

Il colore #ED7F45 in CMYK è definito come 0,46,71,7.

Il color verde blu è 0.00%
Il color magenta è 46.41%
Il giallo è 70.89%
Il colore chiave è 7.06%

CMYK:
(0,46,71,7)
C0M46Y71K7 
(0%,46%,71%,7%)
(0.00/0.46/0.71/0.07)

Canali CMYK in percentuale

%46.41

%70.89

%7.06

Codici del colore

Il #ED7F45 nei modelli di colore popolari.

	ED	7F	45
RGB	237	127	69
HSL	21°	82.35%	60.00%
HSB/HSV	21°	70.89%	92.94%
CMYK	0.00%	46.41%	70.89%
CMYK	7.06%

Il #ED7F45 nei modelli numerici popolari.

Esadicemale	ED	7F	45
Decimale	237	127	69
Binario	11101101	1111111	1000101
Ottale	355	177	105

Tonalita del colore

Tonalità scure del colore #ED7F45

#ED7F45
(237,127,69)

#D8743F
(216,116,63)

#C36939
(195,105,57)

#AE5E33
(174,94,51)

#99532D
(153,83,45)

#844827
(132,72,39)

#6F3D21
(111,61,33)

#5A321B
(90,50,27)

#452715
(69,39,21)

#301C0F
(48,28,15)

#1B1109
(27,17,9)

#000000
(0,0,0)

Tonalità chiare del colore #ED7F45

#ED7F45
(237,127,69)

#EE8A55
(238,138,85)

#EF9565
(239,149,101)

#F0A075
(240,160,117)

#F1AB85
(241,171,133)

#F2B695
(242,182,149)

#F3C1A5
(243,193,165)

#F4CCB5
(244,204,181)

#F5D7C5
(245,215,197)

#F6E2D5
(246,226,213)

#F7EDE5
(247,237,229)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #ED7F45. Utilizzate rgb(237,127,69) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #ED7F45; }

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

Il colore di questo testo è #ED7F45.

Colore dello sfondo

.myBgColor { background-color: #ED7F45; }

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

Questo div ha lo sfondo di colore #ED7F45.

Colore del bordo

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

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

Questo div ha i bordi di colore ED7F45.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #ED7F45.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #ED7F45.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #ED7F45

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

Esempio del testo bianco sullo sfondo del colore #ED7F45

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

COLORE #ED7F45