Creato a 07/12/2025 19:57
Figma Systemic Grid Toolkit
- Canvas White#ffffff
- Guide Purple#bb86fc
- Artboard Blue#80d0ff
- Constraint Coral#ff6f61
- Layered Steel#c0c0c0
- Prototyping Ink#2d2d2d
La tavolozza è composta da Leggero, Buio colori. Colori accentati Artboard Blue #80d0ff e Constraint Coral #ff6f61. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #2D2D2D (più scuro) a #FFFFFF (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): #2D2D2D, #80D0FF, #BB86FC, #C0C0C0, #FF6F61, #FFFFFF
La tavolozza Figma Systemic Grid Toolkit ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #bb86fc, RGB: (187, 134, 252); ESADECIMALE: #80d0ff, RGB: (128, 208, 255)
ESADECIMALE: #ff6f61, RGB: (255, 111, 97); ESADECIMALE: #c0c0c0, RGB: (192, 192, 192); ESADECIMALE: #2d2d2d, RGB: (45, 45, 45)
Versione semplificata della tavolozza dei colori
Bianco, Ombra di mediumpurple, Tonalità di lightskyblue, Tonalità di salmon, Argento, Ombra di Nero
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Figma Systemic Grid Toolkit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffffff | #ffffff | RGB(255, 255, 255) | Canvas White | White |
| #bb86fc | #bb86fc | RGB(187, 134, 252) | Guide Purple | — |
| #80d0ff | #80d0ff | RGB(128, 208, 255) | Artboard Blue | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Constraint Coral | Living Coral |
| #c0c0c0 | #c0c0c0 | RGB(192, 192, 192) | Layered Steel | Silver |
| #2d2d2d | #2d2d2d | RGB(45, 45, 45) | Prototyping Ink | — |
Contrasto della palette di colori
8 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 |
#ffffff | #80d0ff | 1.69 |
#ffffff | #c0c0c0 | 1.81 |
#bb86fc | #80d0ff | 1.56 |
#bb86fc | #ff6f61 | 1.02 |
#bb86fc | #c0c0c0 | 1.45 |
#80d0ff | #ff6f61 | 1.6 |
Tavolozza immagini Figma Systemic Grid Toolkit png
Esporta tavolozza
Scarica la "Figma Systemic Grid Toolkit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: