Designer & Developer Tools
Build color systems from a single base color
Convert colors, generate shades and palettes, build gradients, test contrast and export semantic tokens for modern UI systems.
É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
Color Lab
Cette page est conçue pour les personnes qui ont besoin d'un flux de travail color tools 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.
- Convert HEX, RGB and HSL values instantly
- Generate 50-900 style shade scales
- Create palettes and gradients for UI design
- Export CSS variables, SCSS tokens and JSON data
FAQ
Foire aux questions
Can I generate a full shade scale from one color?
Yes. The tool can create light and dark shades from a single base color.
Can I export CSS and SCSS tokens?
Yes. You can export colors as CSS variables, SCSS variables and JSON.
Does the tool check accessibility contrast?
Yes. It calculates contrast ratio and shows common WCAG ratings.