Designer & Developer Tools

Generate shade scales from a base color

Create lighter and darker shades from a single base color and export them as CSS or SCSS tokens.

Espace de Travail des Couleurs

Créez un système de couleurs complet à partir d'une seule couleur de base.

Échelle de Nuances

Palette

Échelle d'Opacité

Aperçu du Dégradé


                            

Contraste

Aperçu de l'Accessibilité

Vérifiez la lisibilité du texte et des surfaces de l'interface.

Aperçu de l'Ombre

Ombre Premium

                            

Generate shade scales from a base color

Cette page est conçue pour les personnes qui ont besoin d'un flux de travail shade generator en ligne pour les systèmes de conception, les kits UI, les vérifications d'accessibilité et la génération de tokens réutilisables.

  • Fast visual workflow
  • Ready-to-copy CSS and token output
  • Useful for design systems and UI kits
  • Built for developers and designers
FAQ

Foire aux questions

Who is this color tool for?

It is useful for designers, frontend developers and anyone building design systems.

Can I copy the generated output?

Yes. You can copy and download the generated CSS, SCSS or JSON output.