Sélecteur de couleur

About Sélecteur de couleur

Last updated: May 2026

OptiPix Color Picker vous permet de capturer n'importe quelle couleur de votre écran à l'aide de l'API EyeDropper native des navigateurs Chromium, ou de choisir des couleurs à partir de n'importe quelle image téléchargée avec une précision au pixel près. Chaque couleur sélectionnée est affichée en HEX, RGB, HSL, HSV, CMYK, la couleur nommée CSS la plus proche et l'échantillon Pantone Solid Coated le plus proche. Chaque format dispose de son propre bouton de copie en un clic. Affinez n'importe quelle couleur avec les curseurs HSL et RGB intégrés. Une bande d'historique conserve vos 30 dernières sélections entre les sessions de navigateur. Créez une palette allant jusqu'à 8 couleurs et exportez-la en tant que propriétés personnalisées CSS, JSON ou une bande PNG téléchargeable. Le vérificateur de contraste WCAG intégré affiche les badges de réussite/échec AA/AAA pour toute paire de couleurs. Tout s'exécute localement - vos pixels d'écran et vos images téléchargées ne quittent jamais votre appareil. Parfait pour les designers qui choisissent les couleurs de marque, les développeurs qui capturent des échantillons à partir de captures d'écran, les auditeurs d'accessibilité qui vérifient le contraste, et toute personne fatiguée de passer d'un compte-gouttes natif à des convertisseurs de couleurs.

How It Works

Le sélecteur d'écran appelle l'API EyeDropper native du navigateur pour un échantillonnage d'un pixel. La sélection d'image échantillonne un seul pixel à partir d'une toile 2D via getImageData. Les conversions de format sont de purs calculs mathématiques - RGB↔HSL↔HSV↔CMYK - et les correspondances de couleurs nommées/Pantone calculent la distance euclidienne au carré par rapport à une liste de référence.

Use Cases

• •Capturer une couleur à partir d'une capture d'écran pour votre système de design
• •Convertir n'importe quel HEX trouvé en ligne en RGB, HSL ou Pantone
• •Créer une palette de marque à partir d'une image de tableau d'inspiration
• •Vérifier le contraste WCAG de deux couleurs avant la mise en production
• •Identifier une couleur nommée CSS à partir d'un code hexadécimal

You Might Also Like

If you find Sélecteur de couleur useful, check out these related tools: Color Palette Extractor, Color Changer, and Photo Filters. All tools run entirely in your browser with no uploads or signups required.