Générateur de couleurs complémentaires divisées
Créez une harmonie de couleurs complémentaires divisées à partir d’une seule couleur de base avec ce générateur de couleurs complémentaires divisées. Saisissez un code hexadécimal de 3 ou 6 chiffres pour obtenir votre couleur de base et les deux teintes situées à 150 et 210 degrés de part et d’autre de sa complémentaire sur le cercle chromatique HSL, toutes au format hexadécimal. Cet outil est utile aux designers et aux développeurs qui souhaitent un contraste marqué, avec moins de tension qu’une simple paire de couleurs complémentaires.
Foire aux questions
Que renvoie le générateur de couleurs complémentaires divisées ?
Il renvoie trois couleurs sous forme de codes hexadécimaux minuscules à six chiffres. La couleur 1 est votre couleur de base, la couleur 2 correspond à la teinte pivotée de 150 degrés et la couleur 3 à celle pivotée de 210 degrés.
Qu’est-ce qu’une harmonie complémentaire divisée ?
Au lieu de la couleur située à l’opposé de votre couleur de base, cette harmonie utilise les deux couleurs voisines de cette couleur opposée, à 30 degrés de part et d’autre. Vous conservez l’essentiel du contraste d’une paire de couleurs complémentaires, mais la palette est plus facile à équilibrer.
Comment le calcul est-il effectué ?
L’outil convertit le code hexadécimal en HSL, ajoute 150 et 210 degrés à la teinte, puis boucle après 360 degrés. La saturation et la luminosité restent inchangées, et chaque résultat est reconverti en code hexadécimal.
Quelle est la complémentaire divisée du rouge pur ?
Pour #ff0000, l’outil renvoie #ff0000, #00ff80 et #0080ff : un vert printanier et un bleu azur de part et d’autre du cyan. L’outil utilise le cercle chromatique HSL basé sur les couleurs d’écran. Le résultat diffère donc de celui d’un cercle chromatique de peintre, fondé sur le rouge, le jaune et le bleu.
Quels formats de couleur puis-je saisir ?
Saisissez un seul code hexadécimal de 3 ou 6 chiffres, avec ou sans #, par exemple #3366cc ou 36c. Les chaînes RGB et HSL ainsi que les noms de couleurs ne sont pas acceptés : convertissez-les d’abord au format hexadécimal.
Pourquoi ma couleur de base est-elle légèrement différente dans le résultat ?
La teinte, la saturation et la luminosité sont arrondies à l’entier le plus proche. La conversion de votre couleur en HSL puis inversement peut donc décaler un canal d’une unité. Par exemple, #ff5733 redevient #ff5833, avec #33ffbe et #3374ff à côté.
Comment utiliser une palette complémentaire divisée ?
Utilisez la couleur de base comme couleur principale et les deux complémentaires divisées comme accents pour les actions secondaires, les mises en évidence ou les séries de graphiques. Comme ces accents ne sont pas exactement opposés à la couleur de base, ils créent moins de contraste discordant qu’une complémentaire directe.
Que se passe-t-il avec le noir, le blanc ou le gris ?
Les couleurs neutres ont une saturation nulle : chaque rotation de teinte renvoie donc le même gris. Choisissez une couleur de base un peu saturée pour obtenir trois couleurs distinctes.
L’outil vérifie-t-il le contraste du texte ?
Non, il calcule uniquement les couleurs. Les trois conservent la luminosité de la couleur de base ; vérifiez donc le contraste entre chaque couleur de texte et d’arrière-plan avec un outil dédié avant de publier.
Le résultat est-il identique à celui du générateur de palettes de couleurs ?
Oui. Cet outil effectue exactement le calcul de l’option complémentaire fractionnée du générateur de palettes de couleurs ; les deux renvoient donc les mêmes codes hexadécimaux pour une même couleur de base.