Creato a 07/11/2025 12:47
Figma Design System Builder
- Canvas White#fafafa
- Style Token Mint#b5ead7
- Layer Grey#e2e2e2
- Typography Ink#3d3d3d
- Component Coral#ff968a
- Primary Indigo#7d7abc
La tavolozza è composta da Leggero colori. Colori accentati Style Token Mint #b5ead7 e Component Coral #ff968a. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #3D3D3D (più scuro) a #FAFAFA (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): #3D3D3D, #7D7ABC, #B5EAD7, #E2E2E2, #FAFAFA, #FF968A
La tavolozza Figma Design System Builder ha una combinazione di colori dei codici 6:
ESADECIMALE: #fafafa, RGB: (250, 250, 250); ESADECIMALE: #b5ead7, RGB: (181, 234, 215); ESADECIMALE: #e2e2e2, RGB: (226, 226, 226)
ESADECIMALE: #3d3d3d, RGB: (61, 61, 61); ESADECIMALE: #ff968a, RGB: (255, 150, 138); ESADECIMALE: #7d7abc, RGB: (125, 122, 188)
Versione semplificata della tavolozza dei colori
Ombra di whitesmoke, Tonalità di paleturquoise, Ombra di gainsboro, Tonalità di darkslategrey, Ombra di salmon, Tonalità di mediumpurple
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Figma Design System Builder codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fafafa | #fafafa | RGB(250, 250, 250) | Canvas White | Dr. White |
| #b5ead7 | #b5ead7 | RGB(181, 234, 215) | Style Token Mint | — |
| #e2e2e2 | #e2e2e2 | RGB(226, 226, 226) | Layer Grey | — |
| #3d3d3d | #3d3d3d | RGB(61, 61, 61) | Typography Ink | Raven Black |
| #ff968a | #ff968a | RGB(255, 150, 138) | Component Coral | — |
| #7d7abc | #7d7abc | RGB(125, 122, 188) | Primary Indigo | — |
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 |
#fafafa | #b5ead7 | 1.28 |
#fafafa | #e2e2e2 | 1.24 |
#b5ead7 | #e2e2e2 | 1.03 |
#b5ead7 | #ff968a | 1.57 |
#e2e2e2 | #ff968a | 1.62 |
#ff968a | #7d7abc | 1.85 |
Tavolozza immagini Figma Design System Builder png
Esporta tavolozza
Scarica la "Figma Design System Builder" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: