Sélecteur de couleurs et générateur de palettes — outil gratuit
Choisissez des couleurs, convertissez entre HEX/RGB/HSL et générez des palettes harmonieuses.
RGB
HSL
Plus de formats
Contraste WCAG
Couleur nommée la plus proche : dodgerblue · Le texte noir est plus lisible ici (5,71:1)
Nuances et teintes (50–950)
Palette de couleurs
Complémentaire
Triadique
Analogue
Monochromatique
Utilisations courantes
- Sélecteur de couleurs pour la conception WebChoisir et générer des couleurs pour votre site Web — obtenir les valeurs HEX RGB et HSL plus les palettes harmonieuses.
- Sélecteur de couleurs pour le brandingConstruire votre palette de couleurs de marque — choisir les couleurs primaires secondaires et d'accent qui fonctionnent ensemble.
- Sélecteur de couleurs pour les réseaux sociauxCréer des palettes de couleurs attrayantes pour les articles les histoires et les designs de profil des réseaux sociaux.
- Sélecteur de couleurs pour la conception d'impressionChoisir les couleurs des matériaux imprimés — dépliants cartes de visite brochures — avec des aperçus de couleurs précis.
- Sélecteur de couleurs pour les présentationsConcevoir les schémas de couleurs des diapositives — choisir les couleurs de texte lisibles les palettes de graphiques et les teintes d'accent cohérentes.
Comment ça marche
Tout s'exécute directement dans votre navigateur avec des calculs de conversion écrits à la main — sans bibliothèque de couleur, sans aller-retour serveur. Vous choisissez une couleur via le sélecteur de couleur natif du navigateur ou l'API EyeDropper, et l'outil la convertit instantanément en six formats tout en calculant aussi les ratios de contraste WCAG et en générant des palettes d'harmonie.
- 1Saisie de couleur via l'API nativeVous choisissez une couleur via le widget intégré <input type="color"> du navigateur, ou — dans les navigateurs basés sur Chromium — l'API EyeDropper vous permet de prélever n'importe quel pixel de votre écran. Les deux chemins retournent une chaîne hexadécimale qui devient la source unique de vérité.
- 2Conversions de format écrites à la mainL'outil convertit la valeur hexadécimale en RVB, HSL, HSV, CMJN et OKLCH avec ses propres fonctions mathématiques (sans bibliothèque externe). La conversion OKLCH linéarise les canaux sRGB, applique la matrice racine cubique OKLab, puis dérive la chroma et l'angle de teinte — correspondant à la sortie moderne CSS Color Level 4.
- 3Calcul du ratio de contraste WCAGLa luminance relative est calculée à partir des canaux RVB linéarisés avec la formule WCAG 2.x. L'outil calcule ensuite les ratios de contraste par rapport au blanc pur et au noir pur et les étiquette AA-large, AA, AAA, ou Échec selon les seuils WCAG (3:1, 4,5:1, 7:1).
- 4Génération de palette d'harmonie et sauvegarde localeLes nuances complémentaires, triadiques, analogues et monochromatiques sont dérivées en faisant tourner ou en faisant varier mathématiquement les valeurs de teinte et de luminosité HSL. Les palettes enregistrées sont écrites dans le localStorage de votre navigateur — rien ne quitte votre appareil.
Outils associés
Générateur de couleurs aléatoires
Générez des couleurs aléatoires une par une ou en palette de cinq, verrouillez celles qui vous plaisent, copiez les valeurs HEX, RGB ou HSL et exportez la palette en PNG ou CSS.
Convertisseur de couleurs
Convertissez des couleurs entre les formats HEX, RGB, HSL, HSV et CMYK instantanément. Comprend une échelle de luminosité et des nuanciers prédéfinis.
Extracteur de palette de couleurs d'image
Extrayez les couleurs dominantes de n'importe quelle image par quantification k-means. Obtenez les codes hex des 2 à 16 couleurs principales de votre photo ou logo.