← Retour à l'accueil
🖌️
Générateur de Palette de Couleurs
Créez des palettes complémentaires, analogues, triadiques ou monochromes avec vérification de contraste WCAG
Couleur de base
🔒 Calculs effectués dans le navigateur, sans inscription#4F46E5rgb(79, 70, 229)Bleu
rgb(79, 70, 229) · Nom de la couleur: Bleu
Complémentaire
180°Cliquez sur une nuance pour la définir comme couleur de base
#4F46E5rgb(79, 70, 229)Bleu- contre blanc6.29Conforme AA
- contre noir3.34Non conforme
#9C96F0rgb(156, 150, 240)Bleu- contre blanc2.61Non conforme
- contre noir8.03Conforme AAA
#DCE546rgb(220, 229, 70)Jaune- contre blanc1.37Non conforme
- contre noir15.34Conforme AAA
#BAC31Brgb(186, 195, 27)Jaune- contre blanc1.92Non conforme
- contre noir10.91Conforme AAA
Analogue
±30°Cliquez sur une nuance pour la définir comme couleur de base
#468CE5rgb(70, 140, 229)Bleu- contre blanc3.42Non conforme
- contre noir6.14Conforme AA
#738AEBrgb(115, 138, 235)Bleu- contre blanc3.20Non conforme
- contre noir6.56Conforme AA
#4F46E5rgb(79, 70, 229)Bleu- contre blanc6.29Conforme AA
- contre noir3.34Non conforme
#9873EBrgb(152, 115, 235)Violet- contre blanc3.51Non conforme
- contre noir5.99Conforme AA
#9F46E5rgb(159, 70, 229)Violet- contre blanc4.69Conforme AA
- contre noir4.48Non conforme
Triadique
120°Cliquez sur une nuance pour la définir comme couleur de base
#4F46E5rgb(79, 70, 229)Bleu- contre blanc6.29Conforme AA
- contre noir3.34Non conforme
#E54F46rgb(229, 79, 70)Rouge- contre blanc3.79Non conforme
- contre noir5.54Conforme AA
#46E54Frgb(70, 229, 79)Vert- contre blanc1.67Non conforme
- contre noir12.58Conforme AAA
Tétrique / rectangle
90° + 180°Cliquez sur une nuance pour la définir comme couleur de base
#4F46E5rgb(79, 70, 229)Bleu- contre blanc6.29Conforme AA
- contre noir3.34Non conforme
#E5468Crgb(229, 70, 140)Magenta- contre blanc3.76Non conforme
- contre noir5.59Conforme AA
#DCE546rgb(220, 229, 70)Jaune- contre blanc1.37Non conforme
- contre noir15.34Conforme AAA
#46E59Frgb(70, 229, 159)Vert- contre blanc1.62Non conforme
- contre noir12.97Conforme AAA
Monochrome
HCliquez sur une nuance pour la définir comme couleur de base
#DCDBF0rgb(220, 219, 240)Bleu- contre blanc1.36Non conforme
- contre noir15.43Conforme AAA
#9995E5rgb(153, 149, 229)Bleu- contre blanc2.70Non conforme
- contre noir7.78Conforme AAA
#827CEDrgb(130, 124, 237)Bleu- contre blanc3.47Non conforme
- contre noir6.06Conforme AA
#4F46E5rgb(79, 70, 229)Bleu- contre blanc6.29Conforme AA
- contre noir3.34Non conforme
#180EB7rgb(24, 14, 183)Bleu- contre blanc11.76Conforme AAA
- contre noir1.79Non conforme
#0A0470rgb(10, 4, 112)Bleu- contre blanc16.61Conforme AAA
- contre noir1.26Non conforme
Aperçu clair et sombre
17 couleurs dans la paletteSur fond clair
Texte d'exemple Aa
Sur fond sombre
Texte d'exemple Aa
Vérification du contraste
Texte d'exemple Aa
Rapport de contraste 6.29Conforme AA
Export et aperçu
:root {
--color-1: #4F46E5;
--color-2: #9C96F0;
--color-3: #DCE546;
--color-4: #BAC31B;
--color-5: #468CE5;
--color-6: #738AEB;
--color-7: #9873EB;
--color-8: #9F46E5;
--color-9: #E54F46;
--color-10: #46E54F;
--color-11: #E5468C;
--color-12: #46E59F;
--color-13: #DCDBF0;
--color-14: #9995E5;
--color-15: #827CED;
--color-16: #180EB7;
--color-17: #0A0470;
}