Creato a 02/23/2023 15:03
Web ui design interface
- Cyan Azure#4f81af
- Pastel Blue#a3bdd5
- Dark Gunmetal#15222e
- Slate Gray#72818d
- Pastel Blue#b5c3cb
- Police Blue#36505e
La tavolozza è composta da Leggero, Buio colori. Colori accentati Cyan Azure #4f81af e Pastel Blue #a3bdd5. La tavolozza ha la temperatura del colore Freddo.
Per luminosità, la tavolozza va da #15222E (più scuro) a #B5C3CB (più chiaro). L’intervallo di luminosità è ampio.
La saturazione è in una fascia media.
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #15222E, #36505E, #4F81AF, #72818D, #A3BDD5, #B5C3CB
La tavolozza Web ui design interface ha una combinazione di colori dei codici 6:
ESADECIMALE: #4f81af, RGB: (79, 129, 175); ESADECIMALE: #a3bdd5, RGB: (163, 189, 213); ESADECIMALE: #15222e, RGB: (21, 34, 46)
ESADECIMALE: #72818d, RGB: (114, 129, 141); ESADECIMALE: #b5c3cb, RGB: (181, 195, 203); ESADECIMALE: #36505e, RGB: (54, 80, 94)
Versione semplificata della tavolozza dei colori
Ombra di steelblue, Tonalità di lightsteelblue, Ombra di Nero, Ombra di slategrey, Tonalità di Argento, Ombra di darkslategrey
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Web ui design interface codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #4f81af | #4f81af | RGB(79, 129, 175) | Cyan Azure | — |
| #a3bdd5 | #a3bdd5 | RGB(163, 189, 213) | Pastel Blue | — |
| #15222e | #15222e | RGB(21, 34, 46) | Dark Gunmetal | — |
| #72818d | #72818d | RGB(114, 129, 141) | Slate Gray | — |
| #b5c3cb | #b5c3cb | RGB(181, 195, 203) | Pastel Blue | — |
| #36505e | #36505e | RGB(54, 80, 94) | Police Blue | — |
Contrasto della palette di colori
3 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 |
#4f81af | #72818d | 1.02 |
#a3bdd5 | #b5c3cb | 1.07 |
#15222e | #36505e | 1.89 |
Tavolozza immagini Web ui design interface png
Esporta tavolozza
Scarica la "Web ui design interface" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: