Colore #7D4350, codici hex ed rgb, esempi

Informazioni

Il colore #7D4350 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #7D4350 il colore web safe è #663366 (#636).

Modello di colore RGB

Il colore 7D4350 in RGB è definito come 125,67,80

Il rosso è 125;
Il verde è 67;
Il blu è 80.

RGB:
(125,67,80)
(49%,26%,31%)

Rapporto dei colori in RGB

R 125 da 255 = 49%
G 67 da 255 = 26%
B 80 da 255 = 31%

125

R + G + B ~ 35%. #7D4350 colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
125 + 67 + 80 = 272 (100%)
R 125 da 272 ~ 45.96%
G 67 da 272 ~ 24.63%
B 80 da 272 ~ 29.41%

%45.96

%24.63

%29.41

Modello di colore CMYK

Il colore #7D4350 in CMYK è definito come 0,46,36,51.

Il color verde blu è 0.00%
Il color magenta è 46.40%
Il giallo è 36.00%
Il colore chiave è 50.98%

CMYK:
(0,46,36,51)
C0M46Y36K51 
(0%,46%,36%,51%)
(0.00/0.46/0.36/0.51)

Canali CMYK in percentuale

%46.4

%36

%50.98

Codici del colore

Il #7D4350 nei modelli di colore popolari.

	7D	43	50
RGB	125	67	80
HSL	347°	30.21%	37.65%
HSB/HSV	347°	46.40%	49.02%
CMYK	0.00%	46.40%	36.00%
CMYK	50.98%

Il #7D4350 nei modelli numerici popolari.

Esadicemale	7D	43	50
Decimale	125	67	80
Binario	1111101	1000011	1010000
Ottale	175	103	120

Tonalita del colore

Tonalità scure del colore #7D4350

#7D4350
(125,67,80)

#723D49
(114,61,73)

#673742
(103,55,66)

#5C313B
(92,49,59)

#512B34
(81,43,52)

#46252D
(70,37,45)

#3B1F26
(59,31,38)

#30191F
(48,25,31)

#251318
(37,19,24)

#1A0D11
(26,13,17)

#0F070A
(15,7,10)

#000000
(0,0,0)

Tonalità chiare del colore #7D4350

#7D4350
(125,67,80)

#88545F
(136,84,95)

#93656E
(147,101,110)

#9E767D
(158,118,125)

#A9878C
(169,135,140)

#B4989B
(180,152,155)

#BFA9AA
(191,169,170)

#CABAB9
(202,186,185)

#D5CBC8
(213,203,200)

#E0DCD7
(224,220,215)

#EBEDE6
(235,237,230)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #7D4350. Utilizzate rgb(125,67,80) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #7D4350; }

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

Il colore di questo testo è #7D4350.

Colore dello sfondo

.myBgColor { background-color: #7D4350; }

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

Questo div ha lo sfondo di colore #7D4350.

Colore del bordo

.myBorderColor { border: 1px solid #7D4350; }

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

Questo div ha i bordi di colore 7D4350.

Trasparenza

.myOpacity80 { color: #7D4350; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #7D4350.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #7D4350.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #7D4350 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #7D4350 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #7D4350

Questo è un testo nero sullo sfondo del colore #7D4350.

Esempio del testo bianco sullo sfondo del colore #7D4350

Questo è un testo bianco sullo sfondo del colore #7D4350.

COLORE #7D4350