Code & web

Générateur de palette de couleurs

Couleurs complémentaires, analogues, triadiques et nuances à partir d'une couleur de base.

Intégrer ce calculateur sur votre site

Copiez ce code et collez-le dans votre page (WordPress, Wix, Webflow, HTML…). C'est gratuit : merci de laisser le lien vers HOD Calc.

Comment ça marche

On tourne la teinte sur le cercle chromatique (HSL) : complémentaire + 180°, analogue ± 30°, triadique ± 120°, divisée 180° ± 30°.

Les résultats sont donnés à titre indicatif et ne remplacent pas l'avis d'un professionnel.

Exemple de calcul

Avec les valeurs proposées par défaut :

  • Couleur de base#2b50e8
  • HarmonieTriadique

on obtient :

  • Couleur de base#2B50E8 · hsl(228, 80%, 54%)
  • Variables CSS--c1: #2B50E8; --c2: #E82B50; --c3: #50E82B;

Questions fréquentes

Comment fonctionne l'outil « Générateur de palette de couleurs » ?

On tourne la teinte sur le cercle chromatique (HSL) : complémentaire + 180°, analogue ± 30°, triadique ± 120°, divisée 180° ± 30°.

Quelles informations faut-il saisir ?

Il suffit de renseigner : couleur de base, harmonie. Le résultat se met à jour pendant que vous tapez.

Pouvez-vous donner un exemple ?

Couleur de base : #2b50e8; Harmonie : Triadique → Couleur de base : #2B50E8 · hsl(228, 80%, 54%); Variables CSS : --c1: #2B50E8; --c2: #E82B50; --c3: #50E82B;.

Ce calculateur est-il gratuit et mes données restent-elles privées ?

Oui. HOD Calc est entièrement gratuit et sans inscription. Le calcul est fait directement dans votre navigateur : rien de ce que vous tapez n'est envoyé ni enregistré.