Creato a 06/09/2025 16:05
Figma Design Language Grid
- Artboard Beige#faf3dd
- Component Coral#ff6b6b
- Wireframe Blue#4ecdc4
- Master Frame Gray#ced4da
- Prototype Yellow#ffd93d
- Interaction Ink#2d3142
La tavolozza è composta da Leggero, Buio colori. Colori accentati Wireframe Blue #4ecdc4 e Prototype Yellow #ffd93d. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.
Per luminosità, la tavolozza va da #2D3142 (più scuro) a #FAF3DD (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): #2D3142, #4ECDC4, #CED4DA, #FAF3DD, #FF6B6B, #FFD93D
La tavolozza Figma Design Language Grid ha una combinazione di colori dei codici 6:
ESADECIMALE: #faf3dd, RGB: (250, 243, 221); ESADECIMALE: #ff6b6b, RGB: (255, 107, 107); ESADECIMALE: #4ecdc4, RGB: (78, 205, 196)
ESADECIMALE: #ced4da, RGB: (206, 212, 218); ESADECIMALE: #ffd93d, RGB: (255, 217, 61); ESADECIMALE: #2d3142, RGB: (45, 49, 66)
Versione semplificata della tavolozza dei colori
Tonalità di cornsilk, Tonalità di salmon, Tonalità di mediumturquoise, Tonalità di lightgrey, Ombra di gold, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Figma Design Language Grid codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #faf3dd | #faf3dd | RGB(250, 243, 221) | Artboard Beige | Vanilla Powder |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Component Coral | — |
| #4ecdc4 | #4ecdc4 | RGB(78, 205, 196) | Wireframe Blue | — |
| #ced4da | #ced4da | RGB(206, 212, 218) | Master Frame Gray | — |
| #ffd93d | #ffd93d | RGB(255, 217, 61) | Prototype Yellow | — |
| #2d3142 | #2d3142 | RGB(45, 49, 66) | Interaction 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 |
#faf3dd | #4ecdc4 | 1.74 |
#faf3dd | #ced4da | 1.34 |
#faf3dd | #ffd93d | 1.24 |
#ff6b6b | #4ecdc4 | 1.43 |
#ff6b6b | #ced4da | 1.85 |
#4ecdc4 | #ced4da | 1.29 |
Tavolozza immagini Figma Design Language Grid png
Esporta tavolozza
Scarica la "Figma Design Language Grid" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: