Aperçu de palette sur un site
Saisissez vos couleurs et deux polices, et voyez-les appliquées en direct à des pages de site fictives, en clair comme en sombre, avant de vous lancer.
À propos de cet outil
Cet outil applique votre palette à des maquettes de pages fictives pour juger l’ensemble en situation réelle : page d’accueil d’un site vitrine, boutique en ligne, menu de restaurant, page de réservation, carte de fidélité et tableau de bord avec graphiques. Vous indiquez la couleur du texte, du fond, la couleur primaire, la secondaire et l’accent (la teinte des cartes et des bordures en est déduite), puis une police pour les titres et une pour le texte, parmi des polices système et des polices libres intégrées.
Le mode sombre est calculé à partir de vos couleurs, le bouton « Mélanger les rôles » essaie d’autres répartitions et le générateur propose des palettes harmonieuses au hasard, en respectant les couleurs que vous avez verrouillées, avec annulation et rétablissement à tout moment. Les contrastes insuffisants sont signalés directement sur la maquette, selon les seuils WCAG. Vous partagez votre essai par un simple lien, exportez les couleurs en variables CSS, en JSON ou pour Tailwind, et téléchargez la maquette en PNG. Tout se passe dans votre navigateur, rien n’est envoyé à un serveur.
- 6 maquettes : vitrine, boutique, menu, réservation, fidélité, tableau de bord
- Mode clair et sombre calculé automatiquement
- Palettes au hasard avec verrous, mélange des rôles, annuler/rétablir
- Alertes de contraste WCAG sur la maquette
- Lien de partage avec les réglages
- Export CSS, JSON, Tailwind et PNG