Générateur de palette de couleurs
Choisissez ou saisissez une couleur de base, et cet outil la convertit en HSL puis génère trois palettes prêtes à l'emploi autour d'elle — complémentaire, analogue et triadique — pour explorer rapidement des combinaisons de couleurs pour un design. Cliquez sur une pastille pour copier son code hexadécimal.
Complémentaire
Analogue
Triadique
Comment ça marche
Les couleurs sont converties en HSL (teinte, saturation, luminosité), ce qui permet de générer de nouvelles couleurs en faisant simplement pivoter la teinte. Une palette complémentaire ajoute la couleur directement opposée sur le cercle chromatique (+180°) ; une palette analogue ajoute les deux teintes voisines (±30°) ; une palette triadique ajoute deux teintes réparties uniformément autour du cercle (+120° et +240°).
Astuce
Cliquez sur une pastille pour copier son code hexadécimal dans le presse-papiers — pratique pour le coller directement dans votre outil de design ou votre CSS.
Quelle palette choisir ?
Les palettes complémentaires créent un contraste marqué et conviennent bien à une seule couleur d'accent ; les palettes analogues paraissent apaisées et cohérentes, idéales pour les arrière-plans et les dégradés ; les palettes triadiques sont vives et équilibrées, utiles quand vous avez besoin de trois couleurs qui ressortent toutes.
Plus d'outils dans cette catégorie
Calculateur d'exposition
Trouvez des expositions photo équivalentes entre ouverture, vitesse d'obturation et ISO.
Calculateur de ratio d’aspect
Redimensionnez une image ou une vidéo proportionnellement et trouvez son ratio simplifié.
Générateur de dégradé CSS
Créez un dégradé CSS linéaire ou radial et copiez le code généré.
Vérificateur de contraste
Vérifiez si une couleur de premier plan et d'arrière-plan respectent les normes de contraste WCAG.
Convertisseur de format de couleur
Convertissez instantanément n'importe quelle couleur entre HEX, RVB, HSL et CMJN, avec copie en un clic pour chaque format.
Générateur d'échelle typographique
Générez un ensemble harmonieux de tailles de police à partir d'une taille de base et d'un ratio d'échelle, prêt à copier sous forme de propriétés personnalisées CSS.