Creato a 06/19/2025 20:36
Future UI Kit for Figma
- Glass Purple#c4b1ff
- Blueprint Cream#fff9f4
- UI Accent Cyan#66f2ff
- Vector Ink#1b1b1b
- Overlay Warm Gray#dfdfdf
- Anchor Pink#ff9aad
La tavolozza è composta da Leggero, Buio colori. Colori accentati Blueprint Cream #fff9f4 e UI Accent Cyan #66f2ff. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #1B1B1B (più scuro) a #FFF9F4 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
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): #1B1B1B, #66F2FF, #C4B1FF, #DFDFDF, #FF9AAD, #FFF9F4
La tavolozza Future UI Kit for Figma ha una combinazione di colori dei codici 6:
ESADECIMALE: #c4b1ff, RGB: (196, 177, 255); ESADECIMALE: #fff9f4, RGB: (255, 249, 244); ESADECIMALE: #66f2ff, RGB: (102, 242, 255)
ESADECIMALE: #1b1b1b, RGB: (27, 27, 27); ESADECIMALE: #dfdfdf, RGB: (223, 223, 223); ESADECIMALE: #ff9aad, RGB: (255, 154, 173)
Versione semplificata della tavolozza dei colori
Tonalità di lightsteelblue, Tonalità di floralwhite, Ombra di cyan, Ombra di Nero, Ombra di gainsboro, Tonalità di lightpink
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Future UI Kit for Figma codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #c4b1ff | #c4b1ff | RGB(196, 177, 255) | Glass Purple | — |
| #fff9f4 | #fff9f4 | RGB(255, 249, 244) | Blueprint Cream | — |
| #66f2ff | #66f2ff | RGB(102, 242, 255) | UI Accent Cyan | — |
| #1b1b1b | #1b1b1b | RGB(27, 27, 27) | Vector Ink | Eerie Black |
| #dfdfdf | #dfdfdf | RGB(223, 223, 223) | Overlay Warm Gray | — |
| #ff9aad | #ff9aad | RGB(255, 154, 173) | Anchor Pink | — |
Contrasto della palette di colori
10 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 |
#c4b1ff | #fff9f4 | 1.81 |
#c4b1ff | #66f2ff | 1.41 |
#c4b1ff | #dfdfdf | 1.42 |
#c4b1ff | #ff9aad | 1.05 |
#fff9f4 | #66f2ff | 1.28 |
#fff9f4 | #dfdfdf | 1.27 |
Tavolozza immagini Future UI Kit for Figma png
Esporta tavolozza
Scarica la "Future UI Kit for Figma" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: