Creato a 02/25/2022 11:42
Design application ux figma
- Polished Pine#4ca48c
- Baby Blue Eyes#9fcff0
- Myrtle Green#2b7866
- Blast-Off Bronze#a47a65
- Dark Vanilla#ccc4a4
- Onyx#363c3b
La tavolozza è composta da Leggero colori. Colori accentati Baby Blue Eyes #9fcff0 e Dark Vanilla #ccc4a4. La tavolozza ha la temperatura del colore Freddo, Caldo.
Per luminosità, la tavolozza va da #363C3B (più scuro) a #9FCFF0 (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): #2B7866, #363C3B, #4CA48C, #9FCFF0, #A47A65, #CCC4A4
La tavolozza Design application ux figma ha una combinazione di colori dei codici 6:
ESADECIMALE: #4ca48c, RGB: (76, 164, 140); ESADECIMALE: #9fcff0, RGB: (159, 207, 240); ESADECIMALE: #2b7866, RGB: (43, 120, 102)
ESADECIMALE: #a47a65, RGB: (164, 122, 101); ESADECIMALE: #ccc4a4, RGB: (204, 196, 164); ESADECIMALE: #363c3b, RGB: (54, 60, 59)
Versione semplificata della tavolozza dei colori
Ombra di lightseagreen, Ombra di lightskyblue, Ombra di Verde acqua, Tonalità di rosybrown, Ombra di tan, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall
Altre tavolozze con:
Codici colori nella tavolozza
Design application ux figma codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #4ca48c | #4ca48c | RGB(76, 164, 140) | Polished Pine | — |
| #9fcff0 | #9fcff0 | RGB(159, 207, 240) | Baby Blue Eyes | — |
| #2b7866 | #2b7866 | RGB(43, 120, 102) | Myrtle Green | — |
| #a47a65 | #a47a65 | RGB(164, 122, 101) | Blast-Off Bronze | — |
| #ccc4a4 | #ccc4a4 | RGB(204, 196, 164) | Dark Vanilla | — |
| #363c3b | #363c3b | RGB(54, 60, 59) | Onyx | — |
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 |
|---|---|---|
#4ca48c | #9fcff0 | 1.8 |
#4ca48c | #2b7866 | 1.75 |
#4ca48c | #a47a65 | 1.26 |
#4ca48c | #ccc4a4 | 1.71 |
#9fcff0 | #ccc4a4 | 1.05 |
#2b7866 | #a47a65 | 1.39 |
Tavolozza immagini Design application ux figma png
Esporta tavolozza
Scarica la "Design application ux figma" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: