Creato a 06/27/2025 10:59
Headless UI System Designer
- Dropdown Charcoal#1e1e1e
- Disclosure Cream#fff7ed
- Focus Ring Blue#3b82f6
- Panel Fog#f5f5f5
- Accordion Teal#2dd4bf
- Toggle Mauve#c084fc
- Checkbox Rose#f43f5e
La tavolozza è composta da Buio, Leggero colori. Colori accentati Disclosure Cream #fff7ed e Toggle Mauve #c084fc. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #1E1E1E (più scuro) a #FFF7ED (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): #1E1E1E, #2DD4BF, #3B82F6, #C084FC, #F43F5E, #F5F5F5, #FFF7ED
La tavolozza Headless UI System Designer ha una combinazione di colori dei codici 7:
ESADECIMALE: #1e1e1e, RGB: (30, 30, 30); ESADECIMALE: #fff7ed, RGB: (255, 247, 237); ESADECIMALE: #3b82f6, RGB: (59, 130, 246)
ESADECIMALE: #f5f5f5, RGB: (245, 245, 245); ESADECIMALE: #2dd4bf, RGB: (45, 212, 191); ESADECIMALE: #c084fc, RGB: (192, 132, 252)
ESADECIMALE: #f43f5e, RGB: (244, 63, 94)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Tonalità di floralwhite, Tonalità di dodgerblue, Tonalità di turquoise, Tonalità di violet, Tonalità di indianred
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Headless UI System Designer codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Dropdown Charcoal | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Disclosure Cream | Fatback |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Focus Ring Blue | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Panel Fog | White Smoke |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Accordion Teal | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | Toggle Mauve | — |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Checkbox Rose | — |
Contrasto della palette di colori
9 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 |
#fff7ed | #f5f5f5 | 1.02 |
#fff7ed | #2dd4bf | 1.75 |
#3b82f6 | #2dd4bf | 1.97 |
#3b82f6 | #c084fc | 1.39 |
#3b82f6 | #f43f5e | 1 |
#f5f5f5 | #2dd4bf | 1.7 |
Tavolozza immagini Headless UI System Designer png
Esporta tavolozza
Scarica la "Headless UI System Designer" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: