Strumento colore pratico

Generatore sfumature colore

Genera una scala 50-950 da un colore base per superfici UI, bordi, hover e dark mode.

Apri nel tool principaleTorna allo strumento
EnglishItalianoEspañolFrançaisDeutsch

Cosa offre questa pagina

  • Genera tinte chiare e shade scure da una tinta.
  • Usa 50-200 per sfondi, 500-600 per azioni, 800-950 per dark UI.
  • Esporta la scala in CSS, Tailwind, SCSS o JSON.

Ideale per

  • Scale Tailwind
  • Design token
  • Hover state

Come usarlo

Genera una scala 50-950 da un colore base per superfici UI, bordi, hover e dark mode.

Generatore paletteGenera una scala 50-950 da un colore base per superfici UI, bordi, hover e dark mode.Controllo WCAGGenera una scala 50-950 da un colore base per superfici UI, bordi, hover e dark mode.Estrattore immaginiGenera una scala 50-950 da un colore base per superfici UI, bordi, hover e dark mode.
Posso usarlo con il generatore principale?

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