Creato a 01/30/2022 09:24
Figma design ux ui
- Spanish Yellow#ebb519
- Light Coral#e68881
- Bistre Brown#8c6c0b
- Rose Taupe#935759
- Black Shadows#bea9af
- Space Cadet#2c2f50
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati Bistre Brown #8c6c0b e Space Cadet #2c2f50. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #2C2F50 (più scuro) a #E68881 (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).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #2C2F50, #8C6C0B, #935759, #BEA9AF, #E68881, #EBB519
La tavolozza Figma design ux ui ha una combinazione di colori dei codici 6:
ESADECIMALE: #ebb519, RGB: (235, 181, 25); ESADECIMALE: #e68881, RGB: (230, 136, 129); ESADECIMALE: #8c6c0b, RGB: (140, 108, 11)
ESADECIMALE: #935759, RGB: (147, 87, 89); ESADECIMALE: #bea9af, RGB: (190, 169, 175); ESADECIMALE: #2c2f50, RGB: (44, 47, 80)
Versione semplificata della tavolozza dei colori
Ombra di goldenrod, Ombra di lightcoral, Tonalità di Oliva, Tonalità di indianred, Ombra di rosybrown, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Figma design ux ui codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #ebb519 | #ebb519 | RGB(235, 181, 25) | Spanish Yellow | — |
| #e68881 | #e68881 | RGB(230, 136, 129) | Light Coral | — |
| #8c6c0b | #8c6c0b | RGB(140, 108, 11) | Bistre Brown | — |
| #935759 | #935759 | RGB(147, 87, 89) | Rose Taupe | — |
| #bea9af | #bea9af | RGB(190, 169, 175) | Black Shadows | — |
| #2c2f50 | #2c2f50 | RGB(44, 47, 80) | Space Cadet | — |
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 |
|---|---|---|
#ebb519 | #e68881 | 1.35 |
#ebb519 | #bea9af | 1.17 |
#e68881 | #8c6c0b | 1.92 |
#e68881 | #bea9af | 1.15 |
#8c6c0b | #935759 | 1.13 |
Tavolozza immagini Figma design ux ui png
Esporta tavolozza
Scarica la "Figma design ux ui" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: