Générateur de couleurs analogues
Créez un schéma de couleurs analogues à partir d'une couleur de base et d'un écart de teinte. Exemple : #3B82F6 avec 30° donne #3CE0F6, #3B82F6, #523CF6. Le…
Commencer
Fonctionnalités et exemple concret
Ce générateur vous aide à créer une palette de couleurs analogues harmonieuses. Par exemple, avec la couleur de base #3B82F6 (bleu) et un écart de 30 degrés, vous obtenez les trois couleurs suivantes :
#3CE0F6(cyan)#3B82F6(bleu de base)#523CF6(violet)
Si vous augmentez l'écart à 90 degrés, les couleurs deviennent :
#3CF652(vert)#3B82F6(bleu de base)#F63CE0(rose)
Comment le calcul est effectué
L'outil convertit la couleur de base en teinte, saturation et luminosité (TSL), puis applique l'écart de teinte pour les deux couleurs analogues, en conservant la saturation et la luminosité arrondies. La teinte est enroulée à 360 degrés. La couleur du milieu reste identique à la couleur de base sélectionnée.
Personnalisation avancée
Chaque couleur affichée dispose d'un panneau détaillé où vous pouvez modifier ses valeurs HEX, RVB, TSV ou TSL. Modifier une couleur générée ne recalcule pas les autres ; cela vous permet d'ajuster chaque teinte individuellement.
Limites à connaître
Cet outil ne fournit pas de score de contraste, de simulation de daltonisme, d'avertissement de gamut ou de verrouillage de palette de marque. Les couleurs analogues ne garantissent pas un texte lisible ou un contraste accessible. Vérifiez toujours les paires premier plan/arrière-plan par rapport aux normes d'accessibilité.
Questions fréquentes
1. Puis-je utiliser cet outil pour vérifier le contraste des couleurs ?
Non, cet outil génère uniquement des schémas de couleurs analogues. Il ne calcule pas le contraste. Pour vérifier l'accessibilité, utilisez un outil dédié au contraste.
2. Que se passe-t-il si je modifie une couleur générée ?
La modification d'une couleur générée ne met à jour que cette couleur. Les deux autres couleurs restent inchangées. Vous pouvez ainsi affiner chaque teinte individuellement.
3. Pourquoi la couleur du milieu est-elle identique à ma couleur de base ?
La couleur du milieu est la couleur de base elle-même, conservée telle quelle pour garantir que le schéma contient exactement la teinte choisie. Les deux autres couleurs sont dérivées en ajoutant ou soustrayant l'écart de teinte.
Liste de contrôle pour une utilisation réussie
- Choisissez une couleur de base adaptée à votre projet.
- Réglez l'écart de teinte en fonction de l'effet désiré (30° donne un contraste doux, 90° un contraste plus marqué).
- Générez le schéma et examinez les couleurs dans le contexte de votre interface.
- Vérifiez la lisibilité du texte et le contraste séparément.
- Copiez les codes HEX finaux.
Le traitement s’effectue localement dans votre navigateur.