Sélecteur de couleur
Choisissez une couleur, affinez-la et copiez son code dans le format qu’il vous faut.
Scellé sur cet appareil
Fonctionne dans votre navigateur. Rien n’est envoyé.
Scellé
Choisir une couleur
Codes couleur
Nuances claires et foncées
Les nuances plus claires d’un côté, les plus foncées de l’autre. Sélectionnez-en une pour l’utiliser.
Comment ça marche
-
Choisissez une couleur
Faites glisser le curseur dans la zone de couleur et sur la barre de teinte, tapez un code que vous avez déjà, ou prélevez une couleur à l’écran.
-
Affinez-la
Réglez l’opacité, ou explorez les nuances claires et foncées de votre couleur pour trouver une variante plus claire ou plus sombre.
-
Copiez le code
Copiez la valeur HEX, RGB, HSL, OKLCH ou CMJN et collez-la dans votre maquette, votre code ou votre document.
Questions fréquentes
Comment prélever une couleur à l’écran ?
Sélectionnez « Pipette à l’écran », puis cliquez n’importe où sur votre écran pour capturer la couleur. Cette pipette est disponible dans Chrome, Edge et les autres navigateurs basés sur Chromium, sur ordinateur. Dans les autres navigateurs, la pastille de couleur ouvre le sélecteur de votre système, qui a souvent sa propre pipette.
Quel format de couleur utiliser ?
Le HEX est le plus courant en web design et fonctionne partout. RGB et HSL sont pratiques en CSS pour ajuster les valeurs à la main. OKLCH est le format CSS moderne qui garde une luminosité homogène d’une teinte à l’autre. Le CMJN est un point de départ pour l’impression.
Quelle différence entre une nuance claire et une nuance foncée ?
Une nuance claire est votre couleur mélangée à du blanc : elle s’éclaircit. Une nuance foncée est votre couleur mélangée à du noir : elle s’assombrit. Le sélecteur les mélange dans un espace colorimétrique perceptuel, pour que chaque palier paraisse régulièrement espacé.
Puis-je utiliser le sélecteur au clavier ?
Oui. Placez le focus sur la zone de couleur et utilisez les flèches pour changer la saturation et la luminosité, en maintenant Maj pour aller plus vite. Les curseurs de teinte et d’opacité fonctionnent aussi avec les flèches.
Puis-je partager une couleur ?
Oui. L’adresse de la page se met à jour avec la couleur choisie : vous pouvez l’ajouter à vos favoris ou envoyer le lien à quelqu’un.