Details ui design ux sharing colours
- Blue (RYB)#115cf5
- Pale Cornflower Blue#b4d4fa
- Catalina Blue#052d7f
- Taupe Gray#84848c
- Gray (X11)#bcbcbc
- Quartz#4c4c4c
Creato il 12/09/2022 14:13
La tavolozza è composta da Semi scuro, Chiaro, Scuro colori. Colori d'accento Catalina Blue #052d7f e Gray (X11) #bcbcbc. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #052D7F (più scuro) a #B4D4FA (più chiaro). L’intervallo di luminosità è moderato.
Saturazione mista — 3 smorzati e 3 vivaci su 6 colori.
Una palette analoga: le sue tonalità sono vicine sulla ruota dei colori, entro circa 8°.
Complessivamente la temperatura tende al freddo (3 su 6).
Codici HEX (ordinati): #052D7F, #115CF5, #4C4C4C, #84848C, #B4D4FA, #BCBCBC
La tavolozza Details ui design ux sharing colours combina 6 codici colore:
HEX: #115cf5, RGB: (17, 92, 245); HEX: #b4d4fa, RGB: (180, 212, 250); HEX: #052d7f, RGB: (5, 45, 127)
HEX: #84848c, RGB: (132, 132, 140); HEX: #bcbcbc, RGB: (188, 188, 188); HEX: #4c4c4c, RGB: (76, 76, 76)
Versione semplificata della tavolozza dei colori
Sfumatura di Blu reale, Tinta di Blu acciaio chiaro, Tinta di Blu notte, Tinta di Grigio, Sfumatura di Argento, Sfumatura di Grigio tenue
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Details ui design ux sharing colours codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #115cf5 | #115cf5 | RGB(17, 92, 245) | Blue (RYB) | — |
| #b4d4fa | #b4d4fa | RGB(180, 212, 250) | Pale Cornflower Blue | — |
| #052d7f | #052d7f | RGB(5, 45, 127) | Catalina Blue | — |
| #84848c | #84848c | RGB(132, 132, 140) | Taupe Gray | — |
| #bcbcbc | #bcbcbc | RGB(188, 188, 188) | Gray (X11) | — |
| #4c4c4c | #4c4c4c | RGB(76, 76, 76) | Quartz | — |
Contrasto della palette di colori
5 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
|---|---|---|
#115cf5 | #84848c | 1.46 |
#115cf5 | #4c4c4c | 1.58 |
#b4d4fa | #bcbcbc | 1.24 |
#052d7f | #4c4c4c | 1.44 |
#84848c | #bcbcbc | 1.95 |
Tavolozza immagini Details ui design ux sharing colours png
Esporta tavolozza
Scarica la "Details ui design ux sharing colours" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: