Colore #563151, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore 563151 in RGB è definito come 86,49,81

Il rosso è 86;
Il verde è 49;
Il blu è 81.

RGB:
(86,49,81)
(34%,19%,32%)

Rapporto dei colori in RGB

R 86 da 255 = 34%
G 49 da 255 = 19%
B 81 da 255 = 32%

R + G + B ~ 28%. #563151 colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
86 + 49 + 81 = 216 (100%)
R 86 da 216 ~ 39.81%
G 49 da 216 ~ 22.69%
B 81 da 216 ~ 37.5%

%39.81

%22.69

%37.5

Modello di colore CMYK

Il colore #563151 in CMYK è definito come 0,43,6,66.

Il color verde blu è 0.00%
Il color magenta è 43.02%
Il giallo è 5.81%
Il colore chiave è 66.27%

CMYK:
(0,43,6,66)
C0M43Y6K66 
(0%,43%,6%,66%)
(0.00/0.43/0.06/0.66)

Canali CMYK in percentuale

%43.02

%5.81

%66.27

Codici del colore

Il #563151 nei modelli di colore popolari.

	56	31	51
RGB	86	49	81
HSL	308°	27.41%	26.47%
HSB/HSV	308°	43.02%	33.73%
CMYK	0.00%	43.02%	5.81%
CMYK	66.27%

Il #563151 nei modelli numerici popolari.

Esadicemale	56	31	51
Decimale	86	49	81
Binario	1010110	110001	1010001
Ottale	126	61	121

Tonalita del colore

Tonalità scure del colore #563151

#563151
(86,49,81)

#4F2D4A
(79,45,74)

#482943
(72,41,67)

#41253C
(65,37,60)

#3A2135
(58,33,53)

#331D2E
(51,29,46)

#2C1927
(44,25,39)

#251520
(37,21,32)

#1E1119
(30,17,25)

#170D12
(23,13,18)

#10090B
(16,9,11)

#000000
(0,0,0)

Tonalità chiare del colore #563151

#563151
(86,49,81)

#654360
(101,67,96)

#74556F
(116,85,111)

#83677E
(131,103,126)

#92798D
(146,121,141)

#A18B9C
(161,139,156)

#B09DAB
(176,157,171)

#BFAFBA
(191,175,186)

#CEC1C9
(206,193,201)

#DDD3D8
(221,211,216)

#ECE5E7
(236,229,231)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #563151. Utilizzate rgb(86,49,81) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #563151; }

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

Il colore di questo testo è #563151.

Colore dello sfondo

.myBgColor { background-color: #563151; }

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

Questo div ha lo sfondo di colore #563151.

Colore del bordo

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

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

Questo div ha i bordi di colore 563151.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #563151.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #563151.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #563151

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

Esempio del testo bianco sullo sfondo del colore #563151

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

COLORE #563151