Creato a 08/11/2025 14:29
Generative Vector UI Framework
- Anchor Blue#1565c0
- Path Mint#80cbc4
- Bezier Orange#f4a261
- Fill Pink#ff6f91
- Stroke Yellow#ffd166
- Canvas White#fafafa
- Grid Black#1b1b1b
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Anchor Blue #1565c0 e Stroke Yellow #ffd166. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #1B1B1B (più scuro) a #FAFAFA (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 caldo.
Codici HEX (ordinati): #1565C0, #1B1B1B, #80CBC4, #F4A261, #FAFAFA, #FF6F91, #FFD166
La tavolozza Generative Vector UI Framework ha una combinazione di colori dei codici 7:
ESADECIMALE: #1565c0, RGB: (21, 101, 192); ESADECIMALE: #80cbc4, RGB: (128, 203, 196); ESADECIMALE: #f4a261, RGB: (244, 162, 97)
ESADECIMALE: #ff6f91, RGB: (255, 111, 145); ESADECIMALE: #ffd166, RGB: (255, 209, 102); ESADECIMALE: #fafafa, RGB: (250, 250, 250)
ESADECIMALE: #1b1b1b, RGB: (27, 27, 27)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Ombra di mediumturquoise, Tonalità di sandybrown, Ombra di palevioletred, Ombra di gold, Ombra di whitesmoke, Ombra di Nero
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Generative Vector UI Framework codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #1565c0 | #1565c0 | RGB(21, 101, 192) | Anchor Blue | — |
| #80cbc4 | #80cbc4 | RGB(128, 203, 196) | Path Mint | — |
| #f4a261 | #f4a261 | RGB(244, 162, 97) | Bezier Orange | — |
| #ff6f91 | #ff6f91 | RGB(255, 111, 145) | Fill Pink | — |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Stroke Yellow | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Canvas White | Dr. White |
| #1b1b1b | #1b1b1b | RGB(27, 27, 27) | Grid Black | Eerie Black |
Contrasto della palette di colori
9 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 |
#80cbc4 | #f4a261 | 1.1 |
#80cbc4 | #ff6f91 | 1.41 |
#80cbc4 | #ffd166 | 1.29 |
#80cbc4 | #fafafa | 1.78 |
#f4a261 | #ff6f91 | 1.28 |
#f4a261 | #ffd166 | 1.42 |
Tavolozza immagini Generative Vector UI Framework png
Esporta tavolozza
Scarica la "Generative Vector UI Framework" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: