Creato a 07/08/2025 19:35
Figma Prototype Link Grid
- UX Chrome#d1d5db
- Design Amber#ffbf69
- Sticky Note Green#b7f6b8
- Layer Shadow#7a7a7a
- Frame Sky#d1ecff
- Dark Mode Night#0f0f0f
La tavolozza è composta da Leggero, Buio colori. Colori accentati Design Amber #ffbf69 e Frame Sky #d1ecff. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #0F0F0F (più scuro) a #D1ECFF (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): #0F0F0F, #7A7A7A, #B7F6B8, #D1D5DB, #D1ECFF, #FFBF69
La tavolozza Figma Prototype Link Grid ha una combinazione di colori dei codici 6:
ESADECIMALE: #d1d5db, RGB: (209, 213, 219); ESADECIMALE: #ffbf69, RGB: (255, 191, 105); ESADECIMALE: #b7f6b8, RGB: (183, 246, 184)
ESADECIMALE: #7a7a7a, RGB: (122, 122, 122); ESADECIMALE: #d1ecff, RGB: (209, 236, 255); ESADECIMALE: #0f0f0f, RGB: (15, 15, 15)
Versione semplificata della tavolozza dei colori
Ombra di lightgrey, Ombra di Arancia, Ombra di lightgreen, Tonalità di Grigio, Tonalità di aliceblue, Ombra di Nero
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Figma Prototype Link Grid codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #d1d5db | #d1d5db | RGB(209, 213, 219) | UX Chrome | — |
| #ffbf69 | #ffbf69 | RGB(255, 191, 105) | Design Amber | — |
| #b7f6b8 | #b7f6b8 | RGB(183, 246, 184) | Sticky Note Green | — |
| #7a7a7a | #7a7a7a | RGB(122, 122, 122) | Layer Shadow | Gray48 |
| #d1ecff | #d1ecff | RGB(209, 236, 255) | Frame Sky | — |
| #0f0f0f | #0f0f0f | RGB(15, 15, 15) | Dark Mode Night | Chaos Black |
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 |
#d1d5db | #ffbf69 | 1.1 |
#d1d5db | #b7f6b8 | 1.18 |
#d1d5db | #d1ecff | 1.2 |
#ffbf69 | #b7f6b8 | 1.3 |
#ffbf69 | #d1ecff | 1.32 |
#b7f6b8 | #d1ecff | 1.01 |
Tavolozza immagini Figma Prototype Link Grid png
Esporta tavolozza
Scarica la "Figma Prototype Link Grid" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: