Colore #AD6484, codici hex ed rgb, esempi

Informazioni

Il colore #AD6484 contiene principalmente il rosso e il blu. Per il #AD6484 il colore web safe è #996699 (#969).

Modello di colore RGB

Il colore AD6484 in RGB è definito come 173,100,132

Il rosso è 173;
Il verde è 100;
Il blu è 132.

RGB:
(173,100,132)
(68%,39%,52%)

Rapporto dei colori in RGB

R 173 da 255 = 68%
G 100 da 255 = 39%
B 132 da 255 = 52%

173

100

132

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

Canali RGB in percentuale

R + G + B =
173 + 100 + 132 = 405 (100%)
R 173 da 405 ~ 42.72%
G 100 da 405 ~ 24.69%
B 132 da 405 ~ 32.59%

%42.72

%24.69

%32.59

Modello di colore CMYK

Il colore #AD6484 in CMYK è definito come 0,42,24,32.

Il color verde blu è 0.00%
Il color magenta è 42.20%
Il giallo è 23.70%
Il colore chiave è 32.16%

CMYK:
(0,42,24,32)
C0M42Y24K32 
(0%,42%,24%,32%)
(0.00/0.42/0.24/0.32)

Canali CMYK in percentuale

%42.2

%23.7

%32.16

Codici del colore

Il #AD6484 nei modelli di colore popolari.

	AD	64	84
RGB	173	100	132
HSL	334°	30.80%	53.53%
HSB/HSV	334°	42.20%	67.84%
CMYK	0.00%	42.20%	23.70%
CMYK	32.16%

Il #AD6484 nei modelli numerici popolari.

Esadicemale	AD	64	84
Decimale	173	100	132
Binario	10101101	1100100	10000100
Ottale	255	144	204

Tonalita del colore

Tonalità scure del colore #AD6484

#AD6484
(173,100,132)

#9E5B78
(158,91,120)

#8F526C
(143,82,108)

#804960
(128,73,96)

#714054
(113,64,84)

#623748
(98,55,72)

#532E3C
(83,46,60)

#442530
(68,37,48)

#351C24
(53,28,36)

#261318
(38,19,24)

#170A0C
(23,10,12)

#000000
(0,0,0)

Tonalità chiare del colore #AD6484

#AD6484
(173,100,132)

#B4728F
(180,114,143)

#BB809A
(187,128,154)

#C28EA5
(194,142,165)

#C99CB0
(201,156,176)

#D0AABB
(208,170,187)

#D7B8C6
(215,184,198)

#DEC6D1
(222,198,209)

#E5D4DC
(229,212,220)

#ECE2E7
(236,226,231)

#F3F0F2
(243,240,242)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #AD6484. Utilizzate rgb(173,100,132) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #AD6484; }

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

Il colore di questo testo è #AD6484.

Colore dello sfondo

.myBgColor { background-color: #AD6484; }

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

Questo div ha lo sfondo di colore #AD6484.

Colore del bordo

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

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

Questo div ha i bordi di colore AD6484.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #AD6484.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #AD6484.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #AD6484

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

Esempio del testo bianco sullo sfondo del colore #AD6484

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

COLORE #AD6484