Colore #6B3ED9, codici hex ed rgb, esempi

Informazioni

Il colore #6B3ED9 contiene principalmente il blu. Per il #6B3ED9 il colore web safe è #6633CC (#63C).

Modello di colore RGB

Il colore 6B3ED9 in RGB è definito come 107,62,217

Il rosso è 107;
Il verde è 62;
Il blu è 217.

RGB:
(107,62,217)
(42%,24%,85%)

Rapporto dei colori in RGB

R 107 da 255 = 42%
G 62 da 255 = 24%
B 217 da 255 = 85%

107

217

R + G + B ~ 50%. #6B3ED9 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
107 + 62 + 217 = 386 (100%)
R 107 da 386 ~ 27.72%
G 62 da 386 ~ 16.06%
B 217 da 386 ~ 56.22%

%27.72

%16.06

%56.22

Modello di colore CMYK

Il colore #6B3ED9 in CMYK è definito come 51,71,0,15.

Il color verde blu è 50.69%
Il color magenta è 71.43%
Il giallo è 0.00%
Il colore chiave è 14.90%

CMYK:
(51,71,0,15)
C51M71Y0K15 
(51%,71%,0%,15%)
(0.51/0.71/0.00/0.15)

Canali CMYK in percentuale

%50.69

%71.43

%14.9

Codici del colore

Il #6B3ED9 nei modelli di colore popolari.

	6B	3E	D9
RGB	107	62	217
HSL	257°	67.10%	54.71%
HSB/HSV	257°	71.43%	85.10%
CMYK	50.69%	71.43%	0.00%
CMYK	14.90%

Il #6B3ED9 nei modelli numerici popolari.

Esadicemale	6B	3E	D9
Decimale	107	62	217
Binario	1101011	111110	11011001
Ottale	153	76	331

Tonalita del colore

Tonalità scure del colore #6B3ED9

#6B3ED9
(107,62,217)

#6239C6
(98,57,198)

#5934B3
(89,52,179)

#502FA0
(80,47,160)

#472A8D
(71,42,141)

#3E257A
(62,37,122)

#352067
(53,32,103)

#2C1B54
(44,27,84)

#231641
(35,22,65)

#1A112E
(26,17,46)

#110C1B
(17,12,27)

#000000
(0,0,0)

Tonalità chiare del colore #6B3ED9

#6B3ED9
(107,62,217)

#784FDC
(120,79,220)

#8560DF
(133,96,223)

#9271E2
(146,113,226)

#9F82E5
(159,130,229)

#AC93E8
(172,147,232)

#B9A4EB
(185,164,235)

#C6B5EE
(198,181,238)

#D3C6F1
(211,198,241)

#E0D7F4
(224,215,244)

#EDE8F7
(237,232,247)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #6B3ED9. Utilizzate rgb(107,62,217) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #6B3ED9; }

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

Il colore di questo testo è #6B3ED9.

Colore dello sfondo

.myBgColor { background-color: #6B3ED9; }

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

Questo div ha lo sfondo di colore #6B3ED9.

Colore del bordo

.myBorderColor { border: 1px solid #6B3ED9; }

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

Questo div ha i bordi di colore 6B3ED9.

Trasparenza

.myOpacity80 { color: #6B3ED9; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #6B3ED9.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #6B3ED9.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #6B3ED9 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #6B3ED9 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #6B3ED9

Questo è un testo nero sullo sfondo del colore #6B3ED9.

Esempio del testo bianco sullo sfondo del colore #6B3ED9

Questo è un testo bianco sullo sfondo del colore #6B3ED9.

COLORE #6B3ED9