Creato a 03/16/2022 12:09
Figam ux design ui
- Coral Reef#f37b64
- Vivid Tangerine#f5ac84
- Bole#764133
- Dark Chestnut#9f6c5e
- Pale Silver#cfbeb6
- Bistre#402824
La tavolozza è composta da Leggero, Buio colori. Colori accentati Coral Reef #f37b64 e Vivid Tangerine #f5ac84. La tavolozza ha la temperatura del colore Caldo, Neutro.
Per luminosità, la tavolozza va da #402824 (più scuro) a #CFBEB6 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #402824, #764133, #9F6C5E, #CFBEB6, #F37B64, #F5AC84
La tavolozza Figam ux design ui ha una combinazione di colori dei codici 6:
ESADECIMALE: #f37b64, RGB: (243, 123, 100); ESADECIMALE: #f5ac84, RGB: (245, 172, 132); ESADECIMALE: #764133, RGB: (118, 65, 51)
ESADECIMALE: #9f6c5e, RGB: (159, 108, 94); ESADECIMALE: #cfbeb6, RGB: (207, 190, 182); ESADECIMALE: #402824, RGB: (64, 40, 36)
Versione semplificata della tavolozza dei colori
Tonalità di salmon, Ombra di lightsalmon, Tonalità di saddlebrown, Tonalità di indianred, Ombra di Argento, Ombra di Nero
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Figam ux design ui codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f37b64 | #f37b64 | RGB(243, 123, 100) | Coral Reef | — |
| #f5ac84 | #f5ac84 | RGB(245, 172, 132) | Vivid Tangerine | — |
| #764133 | #764133 | RGB(118, 65, 51) | Bole | — |
| #9f6c5e | #9f6c5e | RGB(159, 108, 94) | Dark Chestnut | — |
| #cfbeb6 | #cfbeb6 | RGB(207, 190, 182) | Pale Silver | — |
| #402824 | #402824 | RGB(64, 40, 36) | Bistre | — |
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 |
#f37b64 | #f5ac84 | 1.42 |
#f37b64 | #9f6c5e | 1.63 |
#f37b64 | #cfbeb6 | 1.49 |
#f5ac84 | #cfbeb6 | 1.05 |
#764133 | #9f6c5e | 1.85 |
#764133 | #402824 | 1.66 |
Tavolozza immagini Figam ux design ui png
Esporta tavolozza
Scarica la "Figam ux design ui" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: