Creato a 03/30/2022 13:30
Ux design website ui
- Maximum Blue#49a3c5
- Cornflower#8fd4e5
- Army Green#405516
- Dark Brown-Tangelo#8c644c
- Pastel Blue#abc9d5
- Dark Slate Gray#304c5c
La tavolozza è composta da Leggero colori. Colori accentati Cornflower #8fd4e5 e Dark Brown-Tangelo #8c644c. La tavolozza ha la temperatura del colore Freddo, Caldo.
Per luminosità, la tavolozza va da #405516 (più scuro) a #ABC9D5 (più chiaro). L’intervallo di luminosità è moderato.
La saturazione è in una fascia media.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #304C5C, #405516, #49A3C5, #8C644C, #8FD4E5, #ABC9D5
La tavolozza Ux design website ui ha una combinazione di colori dei codici 6:
ESADECIMALE: #49a3c5, RGB: (73, 163, 197); ESADECIMALE: #8fd4e5, RGB: (143, 212, 229); ESADECIMALE: #405516, RGB: (64, 85, 22)
ESADECIMALE: #8c644c, RGB: (140, 100, 76); ESADECIMALE: #abc9d5, RGB: (171, 201, 213); ESADECIMALE: #304c5c, RGB: (48, 76, 92)
Versione semplificata della tavolozza dei colori
Tonalità di deepskyblue, Ombra di skyblue, Tonalità di darkolivegreen, Ombra di sienna, Tonalità di lightblue, Ombra di darkslategrey
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Ux design website ui codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #49a3c5 | #49a3c5 | RGB(73, 163, 197) | Maximum Blue | — |
| #8fd4e5 | #8fd4e5 | RGB(143, 212, 229) | Cornflower | — |
| #405516 | #405516 | RGB(64, 85, 22) | Army Green | — |
| #8c644c | #8c644c | RGB(140, 100, 76) | Dark Brown-Tangelo | — |
| #abc9d5 | #abc9d5 | RGB(171, 201, 213) | Pastel Blue | — |
| #304c5c | #304c5c | RGB(48, 76, 92) | Dark Slate Gray | — |
Contrasto della palette di colori
7 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 |
#49a3c5 | #8fd4e5 | 1.73 |
#49a3c5 | #8c644c | 1.81 |
#49a3c5 | #abc9d5 | 1.64 |
#8fd4e5 | #abc9d5 | 1.05 |
#405516 | #8c644c | 1.59 |
#405516 | #304c5c | 1.09 |
Tavolozza immagini Ux design website ui png
Esporta tavolozza
Scarica la "Ux design website ui" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: