Sélecteur de couleurs
Choisissez une couleur dans l'échantillon ou capturez-en une directement à l'écran avec l'API EyeDropper — hex, RGB et HSL copiés en un clic.
#0071e3rgb(0, 113, 227)hsl(210, 100%, 45%)Your browser does not expose the EyeDropper API, so use the swatch input; hex/rgb/hsl values still update live.
Cet outil s'exécute entièrement dans votre navigateur. Vos données ne quittent jamais votre appareil — elles ne sont envoyées à aucun serveur.
Mode d'emploi
- 1Cliquez sur l'échantillon de couleur et choisissez une couleur, ou utilisez Choisir à l'écran là où c'est disponible.
- 2Lisez les valeurs hex, RGB et HSL sous l'aperçu.
- 3Cliquez sur Copier à côté du format qu'il vous faut.
Sélecteur de couleurs
Cliquez sur l'échantillon pour composer une couleur visuellement, ou — dans les navigateurs Chromium — utilisez Choisir à l'écran pour échantillonner n'importe quel pixel déjà affiché. La valeur choisie apparaît simultanément en hex, rgb() et hsl(), chacun avec son bouton copier.
L'échantillonnage utilise l'API EyeDropper intégrée du navigateur et lit le pixel localement ; rien n'est enregistré, envoyé ni stocké. Sur les navigateurs sans l'API, la saisie par échantillon garde tout fonctionnel.
Questions fréquentes
Pourquoi « Choisir à l'écran » n'apparaît-il pas ?
L'API EyeDropper n'est pour l'instant disponible que dans les navigateurs à base de Chromium (Chrome, Edge, Brave, Opera). Firefox et Safari ne l'exposent pas encore : ces navigateurs ne montrent que la saisie par échantillon — tout le reste fonctionne à l'identique.
Quelle différence entre hex, RGB et HSL ?
Ils décrivent la même couleur de trois façons : le hex emballe rouge-vert-bleu en #RRGGBB pour le CSS et les outils de design ; rgb() énonce les trois canaux numériquement ; hsl() exprime teinte, saturation et luminosité — plus facile pour bâtir des palettes et états hover à la main.
L'échantillonnage à l'écran est-il privé ?
Oui. L'API EyeDropper affiche un sélecteur système et ne renvoie que le pixel unique cliqué ; la lecture se fait dans votre navigateur et aucune capture, historique ou valeur n'est transmis ni sauvegardé.
Outils associés
Convertisseur de couleurs
Collez une couleur en hex, rgb() ou hsl() et obtenez les trois formats plus une rangée prête à l'emploi de teintes et nuances pour votre design system.
Tous les outils →
Générateur de codes QR
Transformez n'importe quel texte ou URL en code QR net avec taille, couleurs et niveau de correction d'erreur réglables — téléchargez en PNG ou SVG.
Tous les outils →
Générateur de codes-barres
Créez des codes-barres CODE128, EAN-13 et UPC-A scannables avec largeur et hauteur de barres réglables — sortie SVG vectorielle, rendue dans votre navigateur.
Tous les outils →
Calculatrice de ratio d'aspect
À partir d'un ratio comme 16:9 et d'une dimension, obtenez instantanément la largeur ou la hauteur manquante — plus des préréglages du 1:1 au 21:9 pour la vidéo et le design.
Tous les outils →
Intégrer cet outil
Ajoutez cet outil à votre site en une ligne — il s'exécute dans le navigateur du visiteur.
<iframe src="https://zoyku.com/fr/tools/color-picker?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — color-picker" loading="lazy"></iframe>