Creato a 11/13/2022 18:35
Ux product design web colours
- Dark Gold#a4722b
- Dark Vanilla#dabd9a
- Liver (Dogs)#63341e
- Bronze (Metallic)#a58c59
- Pale Silver#c4c0b1
- Fresh Mint#285748
La tavolozza è composta da Leggero colori. Colori accentati Dark Gold #a4722b e Fresh Mint #285748. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #285748 (più scuro) a #C4C0B1 (più chiaro). L’intervallo di luminosità è moderato.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #285748, #63341E, #A4722B, #A58C59, #C4C0B1, #DABD9A
La tavolozza Ux product design web colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #a4722b, RGB: (164, 114, 43); ESADECIMALE: #dabd9a, RGB: (218, 189, 154); ESADECIMALE: #63341e, RGB: (99, 52, 30)
ESADECIMALE: #a58c59, RGB: (165, 140, 89); ESADECIMALE: #c4c0b1, RGB: (196, 192, 177); ESADECIMALE: #285748, RGB: (40, 87, 72)
Versione semplificata della tavolozza dei colori
Tonalità di darkgoldenrod, Ombra di tan, Tonalità di saddlebrown, Ombra di darkgoldenrod, Tonalità di Argento, Ombra di darkslategrey
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Ux product design web colours codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #a4722b | #a4722b | RGB(164, 114, 43) | Dark Gold | — |
| #dabd9a | #dabd9a | RGB(218, 189, 154) | Dark Vanilla | — |
| #63341e | #63341e | RGB(99, 52, 30) | Liver (Dogs) | — |
| #a58c59 | #a58c59 | RGB(165, 140, 89) | Bronze (Metallic) | — |
| #c4c0b1 | #c4c0b1 | RGB(196, 192, 177) | Pale Silver | — |
| #285748 | #285748 | RGB(40, 87, 72) | Fresh Mint | — |
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 |
#a4722b | #a58c59 | 1.29 |
#a4722b | #285748 | 1.97 |
#dabd9a | #a58c59 | 1.8 |
#dabd9a | #c4c0b1 | 1.01 |
#63341e | #285748 | 1.24 |
#a58c59 | #c4c0b1 | 1.77 |
Tavolozza immagini Ux product design web colours png
Esporta tavolozza
Scarica la "Ux product design web colours" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: