Creato a 03/21/2022 15:00
Ui design ux development
- Iris#5a56cf
- Columbia Blue#c0dae3
- Liver (Dogs)#544424
- Green Sheen#67af9f
- Pastel Blue#b1c9cc
- Liver Chestnut (Horses)#5a4638
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati Iris #5a56cf e Liver (Dogs) #544424. La tavolozza ha la temperatura del colore Freddo, Caldo.
Per luminosità, la tavolozza va da #544424 (più scuro) a #C0DAE3 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
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): #544424, #5A4638, #5A56CF, #67AF9F, #B1C9CC, #C0DAE3
La tavolozza Ui design ux development ha una combinazione di colori dei codici 6:
ESADECIMALE: #5a56cf, RGB: (90, 86, 207); ESADECIMALE: #c0dae3, RGB: (192, 218, 227); ESADECIMALE: #544424, RGB: (84, 68, 36)
ESADECIMALE: #67af9f, RGB: (103, 175, 159); ESADECIMALE: #b1c9cc, RGB: (177, 201, 204); ESADECIMALE: #5a4638, RGB: (90, 70, 56)
Versione semplificata della tavolozza dei colori
Tonalità di slateblue, Ombra di lightblue, Tonalità di saddlebrown, Ombra di lightseagreen, Tonalità di lightblue, Tonalità di saddlebrown
La combinazione di colori è stata creata da colorswall
Altre tavolozze con:
Codici colori nella tavolozza
Ui design ux development codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #5a56cf | #5a56cf | RGB(90, 86, 207) | Iris | — |
| #c0dae3 | #c0dae3 | RGB(192, 218, 227) | Columbia Blue | — |
| #544424 | #544424 | RGB(84, 68, 36) | Liver (Dogs) | — |
| #67af9f | #67af9f | RGB(103, 175, 159) | Green Sheen | — |
| #b1c9cc | #b1c9cc | RGB(177, 201, 204) | Pastel Blue | — |
| #5a4638 | #5a4638 | RGB(90, 70, 56) | Liver Chestnut (Horses) | — |
Contrasto della palette di colori
6 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 |
#5a56cf | #544424 | 1.64 |
#5a56cf | #5a4638 | 1.54 |
#c0dae3 | #67af9f | 1.75 |
#c0dae3 | #b1c9cc | 1.18 |
#544424 | #5a4638 | 1.06 |
#67af9f | #b1c9cc | 1.47 |
Tavolozza immagini Ui design ux development png
Esporta tavolozza
Scarica la "Ui design ux development" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: