Creato a 06/30/2025 17:15
Form Builder Interface UX
- Field Fog#f5f5f5
- Input Indigo#6366f1
- Select Teal#14b8a6
- Label Blush#ffe0e0
- Focus Graphite#2e2e2e
- Validation Lime#a3f7b5
La tavolozza è composta da Leggero, Buio colori. Colori accentati Label Blush #ffe0e0 e Validation Lime #a3f7b5. La tavolozza ha la temperatura del colore Neutro, Freddo.
Per luminosità, la tavolozza va da #2E2E2E (più scuro) a #F5F5F5 (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): #14B8A6, #2E2E2E, #6366F1, #A3F7B5, #F5F5F5, #FFE0E0
La tavolozza Form Builder Interface UX ha una combinazione di colori dei codici 6:
ESADECIMALE: #f5f5f5, RGB: (245, 245, 245); ESADECIMALE: #6366f1, RGB: (99, 102, 241); ESADECIMALE: #14b8a6, RGB: (20, 184, 166)
ESADECIMALE: #ffe0e0, RGB: (255, 224, 224); ESADECIMALE: #2e2e2e, RGB: (46, 46, 46); ESADECIMALE: #a3f7b5, RGB: (163, 247, 181)
Versione semplificata della tavolozza dei colori
Tonalità di mediumslateblue, Tonalità di lightseagreen, Tonalità di mistyrose, Ombra di Nero, Ombra di lightgreen
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Form Builder Interface UX codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Field Fog | White Smoke |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Input Indigo | — |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Select Teal | — |
| #ffe0e0 | #ffe0e0 | RGB(255, 224, 224) | Label Blush | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Focus Graphite | Carbon Fiber |
| #a3f7b5 | #a3f7b5 | RGB(163, 247, 181) | Validation Lime | — |
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 |
#f5f5f5 | #ffe0e0 | 1.13 |
#f5f5f5 | #a3f7b5 | 1.16 |
#6366f1 | #14b8a6 | 1.79 |
#14b8a6 | #a3f7b5 | 1.95 |
#ffe0e0 | #a3f7b5 | 1.02 |
Tavolozza immagini Form Builder Interface UX png
Esporta tavolozza
Scarica la "Form Builder Interface UX" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: