Outil de schéma de couleurs carré en ligne
Générez une palette de quatre couleurs espacées de 90° sur le cercle chromatique HSL à partir d'une couleur de base. Exemple : #FF0000 donne #FF0000, #80FF00…
Commencer
Fonctionnalités et exemple concret
Cet outil génère un schéma tétradique carré : quatre teintes également espacées de 90 degrés sur le cercle chromatique HSL. Contrairement au tétrade rectangulaire, il n'y a pas d'option d'angle ni de nombre de couleurs.
Exemple vérifié
Avec la couleur de base #FF0000 (rouge), l'outil produit : #FF0000, #80FF00, #00FFFF, #7F00FF dans cet ordre. La couleur de base est conservée exactement, tandis que les couleurs dérivées utilisent une saturation et une luminosité HSL arrondies en nombres entiers ; un écart d'un niveau par rapport à d'autres outils peut provenir de l'arrondi lors de la conversion des canaux.
Contrôles disponibles
- Panneau de saisie avancé : formats HEX, RVB, TSV, TSL.
- Action de calcul explicite (bouton).
- Échantillons de sortie modifiables individuellement.
- Bouton Effacer pour réinitialiser.
Limites à connaître
L'espacement égal en HSL ne garantit pas une luminosité perçue égale ni un contraste suffisant pour le texte. Vérifiez chaque paire premier plan/arrière-plan séparément. L'outil ne fournit pas de score de contraste ni de sélecteur de format d'exportation.
Traitement local
Le traitement est entièrement local dans le navigateur : aucune donnée n'est envoyée à un serveur, aucune IA ni téléversement n'est impliqué.
Questions fréquentes
Pourquoi mes couleurs dérivées diffèrent-elles d'un autre outil ?
Les couleurs dérivées sont calculées en arrondissant la saturation et la luminosité HSL à des nombres entiers, puis en convertissant en HEX. Une différence d'un niveau peut apparaître en raison de l'arrondi des canaux.
Puis-je ajuster une couleur de sortie sans affecter les autres ?
Oui, chaque échantillon de sortie est indépendant. Modifier l'un ne fait pas pivoter les autres, donc la palette peut ne plus être un carré parfait.
Comment réinitialiser l'outil ?
Utilisez le bouton Effacer pour rétablir la couleur de base par défaut (#3B82F6) et effacer la sortie.
Le traitement s’effectue localement dans votre navigateur.