Strumento colore pratico

Generatore palette dark mode

Crea palette dark mode con foreground leggibili, superfici muted, bordi e accenti accessibili.

Apri nel tool principaleTorna allo strumento
EnglishItalianoEspañolFrançaisDeutsch

Cosa offre questa pagina

  • Usa neutral scuri per sfondi e tinte morbide per bordi.
  • Evita nero puro quando servono gerarchia e separazione.
  • Controlla contrasto degli accenti su superfici scure e testo chiaro.

Ideale per

  • Dashboard dark
  • Tool dev
  • App SaaS

Come usarlo

Generatore paletteCrea palette accessibili, controlla il contrasto WCAG, estrai colori dalle immagini ed esporta CSS, Tailwind, SCSS, JSON, SVG e PNG.Controllo WCAGVerifica contrasto tra testo e sfondo secondo WCAG AA e AAA, testa coppie colore reali e scegli combinazioni leggibili.Estrattore immaginiEstrai colori dominanti da immagini PNG, JPG o WebP direttamente nel browser e trasformali in palette e token esportabili.
Posso usarlo con il generatore principale?

Sì. Parti da questa pagina, poi apri lo strumento Chromoforge con lo stesso colore base ed esporta la palette.

Basta invertire la palette chiara?

No. L'inversione diretta produce superfici troppo sature e accenti abbaglianti. Un tema scuro richiede superfici quasi nere e desaturate tra #121212 e #1A1A1A, tinte di brand piu chiare e meno cariche di croma, e l'elevazione resa con superfici leggermente piu chiare invece che con le ombre.

Il testo in dark mode deve essere bianco puro?

No. Il bianco puro su nero puro massimizza il rapporto ma provoca aloni, con i bordi dei glifi che sembrano sbavare. Un bianco all'87% circa su una superficie quasi nera, all'incirca #E6E6E6 su #141414, resta ampiamente sopra 4.5:1 ed e molto piu riposante nelle letture lunghe.