Creato a 06/14/2025 19:40
AI Form Autofill Design Tokens
- Field Rose#ffd1dc
- Label Slate#94a3b8
- Helper Mint#b9fbc0
- Valid Cream#f7f9f9
- Invalid Red#ef4444
- Submit Graphite#1c1c1e
La tavolozza è composta da Leggero, Buio colori. Colori accentati Field Rose #ffd1dc e Helper Mint #b9fbc0. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #1C1C1E (più scuro) a #F7F9F9 (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).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #1C1C1E, #94A3B8, #B9FBC0, #EF4444, #F7F9F9, #FFD1DC
La tavolozza AI Form Autofill Design Tokens ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffd1dc, RGB: (255, 209, 220); ESADECIMALE: #94a3b8, RGB: (148, 163, 184); ESADECIMALE: #b9fbc0, RGB: (185, 251, 192)
ESADECIMALE: #f7f9f9, RGB: (247, 249, 249); ESADECIMALE: #ef4444, RGB: (239, 68, 68); ESADECIMALE: #1c1c1e, RGB: (28, 28, 30)
Versione semplificata della tavolozza dei colori
Ombra di Rosa, Ombra di lightslategrey, Ombra di palegreen, Ombra di whitesmoke, Tonalità di indianred, Ombra di Nero
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
AI Form Autofill Design Tokens codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffd1dc | #ffd1dc | RGB(255, 209, 220) | Field Rose | — |
| #94a3b8 | #94a3b8 | RGB(148, 163, 184) | Label Slate | — |
| #b9fbc0 | #b9fbc0 | RGB(185, 251, 192) | Helper Mint | — |
| #f7f9f9 | #f7f9f9 | RGB(247, 249, 249) | Valid Cream | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Invalid Red | — |
| #1c1c1e | #1c1c1e | RGB(28, 28, 30) | Submit Graphite | — |
Contrasto della palette di colori
5 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 |
#ffd1dc | #94a3b8 | 1.88 |
#ffd1dc | #b9fbc0 | 1.14 |
#ffd1dc | #f7f9f9 | 1.28 |
#94a3b8 | #ef4444 | 1.46 |
#b9fbc0 | #f7f9f9 | 1.12 |
Tavolozza immagini AI Form Autofill Design Tokens png
Esporta tavolozza
Scarica la "AI Form Autofill Design Tokens" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: