Outil couleur pratique

Générateur de nuances couleur

Générez une échelle 50-950 depuis une couleur de base pour surfaces UI, bordures, hover et dark mode.

Ouvrir dans l’outil principalRetour à l’outil
EnglishItalianoEspañolFrançaisDeutsch

Ce que donne cette page

  • Générez teintes claires et nuances foncees depuis une couleur.
  • Utilisez 50-200 pour fonds, 500-600 pour actions, 800-950 pour dark UI.
  • Exportez en CSS, Tailwind, SCSS ou JSON.

Utile pour

  • Echelles Tailwind
  • Design tokens
  • Hover

Comment l’utiliser

Générez une échelle 50-950 depuis une couleur de base pour surfaces UI, bordures, hover et dark mode.

Générateur paletteGénérez une échelle 50-950 depuis une couleur de base pour surfaces UI, bordures, hover et dark mode.Contrôle WCAGGénérez une échelle 50-950 depuis une couleur de base pour surfaces UI, bordures, hover et dark mode.Extracteur imageGénérez une échelle 50-950 depuis une couleur de base pour surfaces UI, bordures, hover et dark mode.
Puis-je utiliser cela avec le generateur principal?

Oui. Commencez ici, ouvrez l’outil Chromaforge avec la même couleur de base et exportez la palette.