#558BD6 colore HEX codice RGB, HSL, CMYK COLORE CODICE PER HEXA COLORE #558BD6

#558BD6

In uno spazio colore RGB, hex #558BD6 è composto da 33% rosso, 55% verde e 84% blu. Il codice colore RGB è composto da un componente esadecimale 55 rosso (85/255), un 8B verde (139/255) e un componente blu D6 (214/255). Il codice colore RGB decimale è rgb(85,139,214) Nello spazio colore CMYK, è composto da 60% ciano, 35% magenta, 0% giallo e 16% nero. Ha un angolo di tonalità di 214.88o gradi, una saturazione di 61% e una luminosità di 59%. Il colore websafe più vicino è: #6699cc rgb (102, 153, 204).

Conversione del colore

---

Convertire colore

---

Il colore esadecimale #558BD6 ha i valori RGB di R: 85, G: 139, B: 214 e i valori CMYK di C: 60, M: 35, Y: 0, K: 16. Il suo valore decimale è 5606358. Il codice binario è 10101011000101111010110
Nella stampa utilizziamo inchiostri ciano, giallo, magenta e nero (CMYK) perché di solito stampiamo su carta bianca.

Hex colore 558BD6  #558BD6 RGB decimale 85, 139, 214  rgb(85, 139, 214) RGB % 33, 55, 84  rgb(33%, 55%, 84%) RGB Adobe 104, 138, 210 CMYK % 60, 35, 0, 16  60%, 35%, 0%, 16% HSL 214.88o, 61, 59  hsl(214.88o, 61%, 59%) HSV (HSB) 215o, 60%, 84%  hsv(215o, 60%, 84%)

Web Safe colore #6699cc rgb (102, 153, 204) XYZ 25.117, 25.252 67.169 xyY 0.21, 0.21, 25.25 Hunter-Lab 50.25, 4.03, -48.61 CMY 67%, 45%, 16% Lab 56.69, -0.89, -44.65 Binario colore 55 8B D6 1010101 10001011 11010110

Sfumature e tinte di #558BD6

---

Una sfumatura si ottiene aggiungendo il nero al colore originale sul codice della tonalità.
Una tinta viene creata mescolando il colore con il bianco.
Usa la tavolozza per scegliere un colore o i cursori per impostare i componenti RGB, HSV, CMYK.
Ad esempio qui: #101A2B è il colore più scuro e: #DEE9F7 è il più chiaro.

Variazione di colore della tinta #558BD6

#6F9CDC rgb (111,156,220) #6F9CDC #85ABE1 rgb (133,171,225) #85ABE1 #97B8E6 rgb (151,184,230) #97B8E6 #A7C3EA rgb (167,195,234) #A7C3EA #B4CCED rgb (180,204,237) #B4CCED #BFD4F0 rgb (191,212,240) #BFD4F0 #C9DAF2 rgb (201,218,242) #C9DAF2 #D1E0F4 rgb (209,224,244) #D1E0F4 #D8E5F6 rgb (216,229,246) #D8E5F6 #DEE9F7 rgb (222,233,247) #DEE9F7

Variazione di colore dell'ombra

#4876B6 rgb (72,118,182) #4876B6 #3D649B rgb (61,100,155) #3D649B #345584 rgb (52,85,132) #345584 #2C4870 rgb (44,72,112) #2C4870 #253D5F rgb (37,61,95) #253D5F #1F3451 rgb (31,52,81) #1F3451 #1A2C45 rgb (26,44,69) #1A2C45 #16253B rgb (22,37,59) #16253B #131F32 rgb (19,31,50) #131F32 #101A2B rgb (16,26,43) #101A2B

Toni di #558BD6

Un tono viene prodotto aggiungendo il grigio a qualsiasi tonalità pura. In questo caso, #598ACD è il colore meno saturo e #72859E è quello più saturo.

#598ACD rgb (89,138,205) #598ACD #5D89C5 rgb (93,137,197) #5D89C5 #6188BE rgb (97,136,190) #6188BE #6487B8 rgb (100,135,184) #6487B8 #6786B2 rgb (103,134,178) #6786B2 #6A85AD rgb (106,133,173) #6A85AD #6C85A9 rgb (108,133,169) #6C85A9 #6E85A5 rgb (110,133,165) #6E85A5 #7085A1 rgb (112,133,161) #7085A1 #72859E rgb (114,133,158) #72859E

Alternative a #558BD6

---

Sotto, puoi vedere alcuni colori vicini a #558BD6. Avere una serie di colori correlati può essere utile se hai bisogno di un'alternativa stimolante o di altri colori vicini alla tua scelta di colore originale.

#554FD6 rgb (85,79,214) #554FD6 #5563D6 rgb (85,99,214) #5563D6 #5577D6 rgb (85,119,214) #5577D6 #559FD6 rgb (85,159,214) #559FD6 #55B3D6 rgb (85,179,214) #55B3D6 #55C7D6 rgb (85,199,214) #55C7D6

Uso rapido #558BD6

---

Come utilizzare questo colore su pagine Web, script o altri linguaggi di programmazione utilizzando html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Colore del testo	Esempio di colore di sfondo
Colore del testo	Esempio di colore di sfondo
<font color="#558BD6;">Text here</font>	<div style="background-color:#558BD6;">Text here</div>

Anteprima colore su background nero	Anteprima colore su sfondo bianco
anteprima colore su background nero	anteprima colore su sfondo bianco
HTML codice <div style="background-color:#000000"> <font color="#558BD6;">Text here</font> </div>	HTML codice <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#558BD6;">Text here</font> </div>

Ombra della casella div	Codice css ombra del testo
box ombra per colore #558BD6	codice css ombra del testo
HTML codice <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #558BD6;"></div> CSS codice .box-shadow: 2px 2px 7px 1px;	CSS codice .text-shadow: 1px 2px 2px #558BD6;

Codice html del bordo della casella	Ombra del testo con valori RGB per colore #558BD6
codice html del bordo della casella per colore #558BD6	ombra del testo con valori RGB
HTML codice <div style="background-color:#FFFFFF; border:1px solid #558BD6;"></div>	CSS codice with RGB .text-shadow: 0px 2px 2px rgba(85, 139, 214, 1.4);

Codice preformattato 558BD6	codice per script / programming
HTML, CSS:	= #558BD6; rgb(85, 139, 214)
Java:	= new Color(85, 139, 214)
.NET:	= Color.FromArgb (85, 139, 214);
Xojo:	= rgb (85, 139, 214, 0);
openGL:	= glColor3f (0.33f, 0.55f, 0.84f);
Swift:	= UIColor(red:0.33, green:0.55, blue:0.84, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.55 blue:0.84 alpha:1.00000];

Combinazioni di colori per #558BD6

---

Colori monocromatici Gli schemi di colori monocromatici sono facili da creare perché utilizzano un solo colore. Gli schemi monocromatici utilizzano toni diversi dalla stessa angolazione sulla ruota dei colori (stessa angolazione). Basta cambiare la saturazione del colore + 10% e hai un nuovo colore monocromatico. Sul nostro case color: 60% ha una saturazione #558BD6. Aggiungendo 60% + 10% = saturazione 70% per il nostro nuovo colore #3568B0. Diminuendo 60% - 10% = saturazione 50% per altri colori monocromatici #7EB3FC. #7eb3fc rgb (126,179,252) #7eb3fc 50% saturazione #7e7396 rgb (90,115,150) #7e7396 40% saturazione #3568b0 rgb (53,104,176) #3568b0 70% saturazione #1e5096 rgb (30,80,150) #1e5096 80% saturazione

Colori analoghi Schemi di colori analoghi vengono creati utilizzando colori che si trovano uno accanto all'altro sulla ruota dei colori. Solo +/- 30 o sui lati dell'angolo di tonalità del colore #6056D6 rgb (96,86,214) #6056D6 245o #558BD6 rgb (85,139,214) #558BD6 215o #56CBD6 rgb (86,203,214) #56CBD6 185o

Colori complementari Gli schemi complementari vengono creati combinando i colori dai lati opposti della ruota dei colori. Aggiungi semplicemente 180 gradi alla tonalità / angolo del colore e hai il colore complementare. Sul nostro colore della cassa: #558BD6 ha un angolo 215o. Aggiungendo 215o + 180 o = 35o o per il nostro nuovo colore complementare #D6A156. #558BD6 rgb (85,139,214) #558BD6 215o #D6A156 rgb (214,161,86) #D6A156 35o

Dividere il colore Gli schemi composti o gli schemi complementari divisi sono quasi gli stessi degli schemi complementari. Invece di utilizzare colori opposti, utilizza i colori su entrambi i lati dell'angolo di tonalità opposto. Sul nostro colore della cassa: #558BD6 ha un angolo 215o. Aggiungendo 215o + 180 o +30 o = 65 o per il nostro primo colore complementare #CBD656. Diminuendo 215o + 180 o -30 o = 5 o per il secondo colore complementare #D66056. #D66056 rgb (214,96,86) #D66056 5o #558BD6 rgb (85,139,214) #558BD6 215o #CBD656 rgb (203,214,86) #CBD656 65o

Colore tiradico Gli schemi triadici sono costituiti da tonalità/angoli equidistanti attorno alla ruota dei colori. Aggiungi e diminuisci di +/- 120 gradi su entrambi i lati dell'angolo di tonalità del colore. #D6568B rgb (214,86,139) #D6568B 335o #558BD6 rgb (85,139,214) #558BD6 215o #8BD656 rgb (139,214,86) #8BD656 95o

Colori tetradici Gli schemi tetradici sono costituiti da sfumature / angoli distanziati attorno alla ruota dei colori. Aggiungi 120.180.300 gradi sull'angolo di tonalità del colore. #D6568B rgb (214,86,139) #D6568B 335o #558BD6 rgb (85,139,214) #558BD6 215o #D6A156 rgb (214,161,86) #D6A156 35o #56D6A1 rgb (86,214,161) #56D6A1 155o