Realtime Colors
Outil web gratuit, sans compte, qui essaie ta palette sur une vraie page au lieu de l'afficher en pastilles. Tu choisis cinq rôles (texte, fond, couleur primaire pour les appels à l'action, secondaire pour les boutons moins importants, accent pour les liens et les mises en avant), et le site modèle se repeint en direct, en clair comme en sombre. Il propose aussi les polices des titres et du texte avec une échelle typographique, puis exporte le tout en CSS, Tailwind ou SCSS, avec des formats de couleur allant de l'hexadécimal à OKLCH.
Forces
- La palette se juge sur une page réelle, en clair et en sombre, pas sur des pastilles
- Export direct en CSS, Tailwind ou SCSS, à passer tel quel à ton agent
- Gratuit et sans compte, avec un plugin Figma pour qui travaille dans Figma
Limites
- Le site modèle reste générique : le rendu sur tes propres composants est à revérifier
- Cinq rôles de couleur, c'est une base, pas un design system avec ses états et ses nuances
Pour qui
- Un designer ou un PM qui fixe une palette avant de lancer une génération d'interface
- Vérifier une palette de marque en mode sombre avant de la livrer