Creato a 02/27/2023 18:10
Design ux ui product
- Old Gold#ccac44
- Tumbleweed#e8a48c
- Field Drab#68561c
- Mountbatten Pink#94748c
- Lilac#c4a4cc
- Gray#444444
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Tumbleweed #e8a48c e Field Drab #68561c. La tavolozza ha la temperatura del colore Caldo, Neutro.
Per luminosità, la tavolozza va da #68561C (più scuro) a #E8A48C (più chiaro). L’intervallo di luminosità è moderato.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Le tonalità stanno in una fascia adiacente sulla ruota dei colori (euristica).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #444444, #68561C, #94748C, #C4A4CC, #CCAC44, #E8A48C
La tavolozza Design ux ui product ha una combinazione di colori dei codici 6:
ESADECIMALE: #ccac44, RGB: (204, 172, 68); ESADECIMALE: #e8a48c, RGB: (232, 164, 140); ESADECIMALE: #68561c, RGB: (104, 86, 28)
ESADECIMALE: #94748c, RGB: (148, 116, 140); ESADECIMALE: #c4a4cc, RGB: (196, 164, 204); ESADECIMALE: #444444, RGB: (68, 68, 68)
Versione semplificata della tavolozza dei colori
Ombra di goldenrod, Ombra di darksalmon, Tonalità di darkolivegreen, Tonalità di rosybrown, Tonalità di plum, Tonalità di dimgrey
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Design ux ui product codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ccac44 | #ccac44 | RGB(204, 172, 68) | Old Gold | — |
| #e8a48c | #e8a48c | RGB(232, 164, 140) | Tumbleweed | — |
| #68561c | #68561c | RGB(104, 86, 28) | Field Drab | — |
| #94748c | #94748c | RGB(148, 116, 140) | Mountbatten Pink | — |
| #c4a4cc | #c4a4cc | RGB(196, 164, 204) | Lilac | — |
| #444444 | #444444 | RGB(68, 68, 68) | Gray | Goshawk Grey |
Contrasto della palette di colori
8 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 |
#ccac44 | #e8a48c | 1.05 |
#ccac44 | #94748c | 1.85 |
#ccac44 | #c4a4cc | 1 |
#e8a48c | #94748c | 1.97 |
#e8a48c | #c4a4cc | 1.06 |
#68561c | #94748c | 1.74 |
Tavolozza immagini Design ux ui product png
Esporta tavolozza
Scarica la "Design ux ui product" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: