Générateur de schéma de couleurs pour site web
Un thème clair et sombre complet à partir de votre couleur de marque.
Choisissez votre couleur de marque et obtenez un schéma prêt pour un site ou une app : fonds et surfaces teintés, bordures, texte et texte secondaire, une couleur principale ajustée pour rester lisible et un accent assorti, pour un thème clair et un thème sombre. Un aperçu montre une carte avec du texte et des boutons, et tout le schéma se copie en variables CSS, le thème sombre suivant le réglage du système.
Comment créer un schéma de couleurs pour un site
- Étape 1
Choisissez votre couleur de marque.
- Étape 2
Vérifiez les aperçus clair et sombre.
- Étape 3
Copiez les variables CSS.
Pourquoi utiliser PhotoTools
Clair et sombre
Deux thèmes assortis à la fois.
Lisible d’emblée
Principale et accent gardent un contraste d’au moins 3:1.
Prêt pour le code
Variables CSS avec mode sombre.
Formats pris en charge
Sortie
- CSS
Questions fréquentes
Pourquoi la couleur principale diffère-t-elle un peu de la mienne ?
Si votre couleur est trop claire ou trop sombre par rapport au fond, elle est décalée juste assez pour atteindre un contraste de 3:1 et garder les boutons visibles.
Comment utiliser le CSS ?
Collez-le dans votre feuille de style et utilisez les variables, par exemple background: var(--color-primary). Le thème sombre suit le réglage du système.
Est-ce gratuit ?
Oui. Les outils du navigateur de PhotoTools sont gratuits, illimités et fonctionnent sans compte.
Mes images sont-elles envoyées sur un serveur ?
Non. Cet outil fonctionne entièrement dans votre navigateur grâce à WebAssembly. Vos images ne quittent jamais votre appareil et rien n’est conservé.