Colore #682EDB, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore 682EDB in RGB è definito come 104,46,219

Il rosso è 104;
Il verde è 46;
Il blu è 219.

RGB:
(104,46,219)
(41%,18%,86%)

Rapporto dei colori in RGB

R 104 da 255 = 41%
G 46 da 255 = 18%
B 219 da 255 = 86%

104

219

R + G + B ~ 48%. #682EDB colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
104 + 46 + 219 = 369 (100%)
R 104 da 369 ~ 28.18%
G 46 da 369 ~ 12.47%
B 219 da 369 ~ 59.35%

%28.18

%12.47

%59.35

Modello di colore CMYK

Il colore #682EDB in CMYK è definito come 53,79,0,14.

Il color verde blu è 52.51%
Il color magenta è 79.00%
Il giallo è 0.00%
Il colore chiave è 14.12%

CMYK:
(53,79,0,14)
C53M79Y0K14 
(53%,79%,0%,14%)
(0.53/0.79/0.00/0.14)

Canali CMYK in percentuale

%52.51

%79

%14.12

Codici del colore

Il #682EDB nei modelli di colore popolari.

	68	2E	DB
RGB	104	46	219
HSL	260°	70.61%	51.96%
HSB/HSV	260°	79.00%	85.88%
CMYK	52.51%	79.00%	0.00%
CMYK	14.12%

Il #682EDB nei modelli numerici popolari.

Esadicemale	68	2E	DB
Decimale	104	46	219
Binario	1101000	101110	11011011
Ottale	150	56	333

Tonalita del colore

Tonalità scure del colore #682EDB

#682EDB
(104,46,219)

#5F2AC8
(95,42,200)

#5626B5
(86,38,181)

#4D22A2
(77,34,162)

#441E8F
(68,30,143)

#3B1A7C
(59,26,124)

#321669
(50,22,105)

#291256
(41,18,86)

#200E43
(32,14,67)

#170A30
(23,10,48)

#0E061D
(14,6,29)

#000000
(0,0,0)

Tonalità chiare del colore #682EDB

#682EDB
(104,46,219)

#7541DE
(117,65,222)

#8254E1
(130,84,225)

#8F67E4
(143,103,228)

#9C7AE7
(156,122,231)

#A98DEA
(169,141,234)

#B6A0ED
(182,160,237)

#C3B3F0
(195,179,240)

#D0C6F3
(208,198,243)

#DDD9F6
(221,217,246)

#EAECF9
(234,236,249)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #682EDB. Utilizzate rgb(104,46,219) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #682EDB; }

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

Il colore di questo testo è #682EDB.

Colore dello sfondo

.myBgColor { background-color: #682EDB; }

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

Questo div ha lo sfondo di colore #682EDB.

Colore del bordo

.myBorderColor { border: 1px solid #682EDB; }

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

Questo div ha i bordi di colore 682EDB.

Trasparenza

.myOpacity80 { color: #682EDB; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #682EDB.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #682EDB.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #682EDB sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #682EDB sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #682EDB

Questo è un testo nero sullo sfondo del colore #682EDB.

Esempio del testo bianco sullo sfondo del colore #682EDB

Questo è un testo bianco sullo sfondo del colore #682EDB.

COLORE #682EDB