Color Picker

Choisissez vos couleurs et au travail — sans prise de tête

Nous avons créé Color Picker en 2025 car nous en avions assez des applications lourdes et des outils de couleur trop complexes. En tant que développeurs front-end et illustrateurs, nous avions besoin d’un moyen de saisir rapidement une couleur, de l’ajuster et de continuer. D’abord interne, l’outil est vite devenu un favori des collègues ; nous l’avons peaufiné et mis en ligne pour tous. Pas de compte, pas de courbe d’apprentissage — ouvrez la page, choisissez une teinte et copiez les codes HEX, RGB, HSL ou HSV.

Pourquoi notre sélecteur de couleurs plaît-il ?

Si vous avez déjà fixé un design en vous demandant comment obtenir la teinte exacte, vous apprécierez la simplicité de Color Picker. Nous avons volontairement gardé l’interface minimale :

• Un clic et la couleur est là — touchez n’importe quel point de la palette et l’outil affiche immédiatement les valeurs nécessaires. Besoin d’un échantillon depuis une photo ou une capture ? Déposez-la sur la page et utilisez la pipette.
• Des dégradés en toute simplicité — créez des transitions soyeuses en ajoutant et déplaçant des points d’arrêt sur la barre. Basculez linéaire/radial, peaufinez angle et opacité, puis copiez le CSS.
• Aucune limite, aucun coût — Color Picker fonctionne dans tout navigateur moderne sur ordinateur, tablette ou téléphone. Rien à installer et c’est gratuit.
• Des extensions quand il faut — nos extensions Chrome et Edge optionnelles apportent la pipette dans le navigateur, pour échantillonner sur n’importe quelle page et conserver votre historique.

À quoi ça sert

Les gens utilisent Color Picker de multiples façons :

• Les designers et équipes produit s’en servent pour esquisser des interfaces ou des palettes de marque. Explorer des combinaisons et copier le CSS requis pour les dégradés est rapide.
• Les illustrateurs et artistes utilisent la pipette pour s’inspirer de photos et de tableaux. L’outil de dégradé aide à planifier des ombrages doux et des transitions de couleur.
• Les développeurs front-end s’y fient pour générer des valeurs de couleur cohérentes entre les projets. L’extension facilite l’échantillonnage depuis des sites existants.
• Toute personne vérifiant l’accessibilité peut visualiser les couleurs dans différents modèles et ajuster l’opacité jusqu’à respecter les critères de contraste.

Premiers pas

Pas besoin de manuel — voici un rapide aperçu :

• Choisir une couleur — cliquez n’importe où dans la palette. Vous voyez instantanément les valeurs HEX, RGB et HSV. Affinez la teinte, la saturation, la luminosité et la transparence avec les curseurs.
• Prélever depuis une image — faites glisser un fichier image sur la page ou sélectionnez-en un. Cliquez sur le pixel désiré et les codes couleur s’affichent.
• Construire un dégradé — cliquez dans la barre de dégradé pour ajouter des points d’arrêt et faites-les glisser ; basculez entre styles linéaire et radial. Ajustez l’angle et l’opacité jusqu’au résultat souhaité.
• Copier et réutiliser — vos couleurs et dégradés sont enregistrés automatiquement. Copiez des codes ou du CSS et collez-les dans votre projet, ou partagez-les avec l’équipe.