Accueil / Outils de couleur / Générateur de couleurs complémentaires
Outils en ligne gratuits

Générateur de couleurs complémentaires

Calculez une paire complémentaire HSL, modifiez les couleurs et copiez le résultat. Vérifiez le contraste du texte séparément.

Commencer

Calcul et limites

La couleur RGB de base est conservée en HEX majuscule. Pour la seconde couleur, les trois composantes HSL sont arrondies à l’entier, puis 180° sont ajoutés à la teinte arrondie avant la conversion en RGB. L’angle est fixe. Ce calcul diffère de l’inversion des canaux RGB par 255 moins leur valeur.

#FF0000 donne #FF0000 et #00FFFF ; la base #3B82F6 donne #F6AF3C comme seconde couleur. L’arrondi peut modifier les gris proches du noir : #010101 donne #000000 comme seconde couleur. Le résultat peut différer d’un calcul HSL non arrondi.

Les champs RGB utilisent 0–255, la teinte 0–360° et les autres composantes 0–100 %. La valeur HSV et la luminosité HSL sont distinctes. Utilisez des couleurs opaques sans alpha. Modifier un résultat ne maintient pas automatiquement la relation complémentaire ; régénérez depuis la base si nécessaire.

Le calcul est local au navigateur, sans échantillonnage d’image ni mesure du contraste. Une paire complémentaire ne garantit ni texte lisible, ni luminosité perçue égale, ni conformité d’accessibilité. Vérifiez séparément le contraste texte-fond.

Le traitement s’effectue localement dans votre navigateur.