Creato a 09/14/2022 15:20
Ui ux design colors
- Mulberry#bb4c84
- Pastel Magenta#f29ec4
- Police Blue#305d67
- Dirt#9c7854
- Pale Silver#c8c1b6
- Arsenic#404050
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Pastel Magenta #f29ec4 e Police Blue #305d67. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #404050 (più scuro) a #F29EC4 (più chiaro). L’intervallo di luminosità è moderato.
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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #305D67, #404050, #9C7854, #BB4C84, #C8C1B6, #F29EC4
La tavolozza Ui ux design colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #bb4c84, RGB: (187, 76, 132); ESADECIMALE: #f29ec4, RGB: (242, 158, 196); ESADECIMALE: #305d67, RGB: (48, 93, 103)
ESADECIMALE: #9c7854, RGB: (156, 120, 84); ESADECIMALE: #c8c1b6, RGB: (200, 193, 182); ESADECIMALE: #404050, RGB: (64, 64, 80)
Versione semplificata della tavolozza dei colori
Ombra di mediumvioletred, Ombra di plum, Ombra di darkslategrey, Tonalità di peru, Ombra di Argento, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Ui ux design colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #bb4c84 | #bb4c84 | RGB(187, 76, 132) | Mulberry | — |
| #f29ec4 | #f29ec4 | RGB(242, 158, 196) | Pastel Magenta | — |
| #305d67 | #305d67 | RGB(48, 93, 103) | Police Blue | — |
| #9c7854 | #9c7854 | RGB(156, 120, 84) | Dirt | — |
| #c8c1b6 | #c8c1b6 | RGB(200, 193, 182) | Pale Silver | — |
| #404050 | #404050 | RGB(64, 64, 80) | Arsenic | — |
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 |
|---|---|---|
#bb4c84 | #305d67 | 1.55 |
#bb4c84 | #9c7854 | 1.16 |
#f29ec4 | #c8c1b6 | 1.12 |
#305d67 | #9c7854 | 1.81 |
#305d67 | #404050 | 1.39 |
Tavolozza immagini Ui ux design colors png
Esporta tavolozza
Scarica la "Ui ux design colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: