Creato a 06/19/2025 20:44
Frontend Figma Pro Kit
- Vector Blue#007aff
- Grid Linen#f6f6f6
- Comment Lavender#b49bcc
- Tooltip Graphite#3a3a3c
- Component Salmon#ff9b71
- Annotation Beige#fff4dc
La tavolozza è composta da Leggero colori. Colori accentati Vector Blue #007aff e Annotation Beige #fff4dc. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #3A3A3C (più scuro) a #F6F6F6 (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): #007AFF, #3A3A3C, #B49BCC, #F6F6F6, #FF9B71, #FFF4DC
La tavolozza Frontend Figma Pro Kit ha una combinazione di colori dei codici 6:
ESADECIMALE: #007aff, RGB: (0, 122, 255); ESADECIMALE: #f6f6f6, RGB: (246, 246, 246); ESADECIMALE: #b49bcc, RGB: (180, 155, 204)
ESADECIMALE: #3a3a3c, RGB: (58, 58, 60); ESADECIMALE: #ff9b71, RGB: (255, 155, 113); ESADECIMALE: #fff4dc, RGB: (255, 244, 220)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Ombra di whitesmoke, Tonalità di plum, Tonalità di darkslategrey, Tonalità di lightsalmon, Ombra di papayawhip
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Frontend Figma Pro Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #007aff | #007aff | RGB(0, 122, 255) | Vector Blue | — |
| #f6f6f6 | #f6f6f6 | RGB(246, 246, 246) | Grid Linen | — |
| #b49bcc | #b49bcc | RGB(180, 155, 204) | Comment Lavender | — |
| #3a3a3c | #3a3a3c | RGB(58, 58, 60) | Tooltip Graphite | — |
| #ff9b71 | #ff9b71 | RGB(255, 155, 113) | Component Salmon | — |
| #fff4dc | #fff4dc | RGB(255, 244, 220) | Annotation Beige | — |
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 |
#007aff | #b49bcc | 1.62 |
#007aff | #ff9b71 | 1.94 |
#f6f6f6 | #ff9b71 | 1.9 |
#f6f6f6 | #fff4dc | 1.01 |
#b49bcc | #ff9b71 | 1.19 |
#ff9b71 | #fff4dc | 1.88 |
Tavolozza immagini Frontend Figma Pro Kit png
Esporta tavolozza
Scarica la "Frontend Figma Pro Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: