Accueil / Outils de couleur / Outil de schéma de couleurs carré en ligne
Outils en ligne gratuits

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.