beancuit
FR

Sélecteur de couleur

Choisissez une couleur visuellement, sur l’écran ou dans n’importe quelle photo, et copiez son code dans tous les formats.

  • Pipette écran et image
  • HEX, RGB, HSL, HSV, CMYK
  • Aucun envoi de fichier

Choisir une couleur

HEX, RGB ou HSL — par exemple #ff6600 ou rgb(255, 102, 0).
Touchez n’importe quel point de l’image pour prélever sa couleur.

Choisissez une couleur.

Comment ça marche

Faites glisser le point dans le carré pour régler la saturation et la luminosité, et utilisez le curseur arc-en-ciel pour la teinte. Vous pouvez aussi saisir un code, utiliser le sélecteur de couleur de votre système, prélever n’importe quel pixel de l’écran (dans les navigateurs compatibles) ou toucher un point de votre propre photo. Chaque couleur s’affiche en HEX, RGB, HSL, HSV et CMYK, et les dernières couleurs choisies restent alignées pour une comparaison rapide.

#2459e0 = rgb(36, 89, 224) = hsl(223, 75%, 51%)

Quel format utiliser

  • HEX : le code le plus courant pour les sites web et les outils de design.
  • RGB : la lumière rouge, verte et bleue de 0 à 255, utilisée par les écrans.
  • HSL et HSV : teinte, saturation et luminosité (HSL) ou valeur (HSV) — le plus simple pour éclaircir, assombrir ou adoucir une couleur.
  • CMYK (CMJN) : un point de départ approximatif pour l’impression ; vérifiez avec le profil de votre imprimeur.

Conseils

  • La pipette sur l’écran fonctionne dans Chrome et Edge sur ordinateur ; sur mobile, choisissez plutôt dans une image.
  • Les photos sont lues sur votre appareil et ne sont jamais envoyées.
  • Cliquez sur une valeur pour la copier.

Normes et sources

  • Les valeurs de couleur suivent le CSS Color Module Level 4 (sRGB)
  • La pipette sur l’écran utilise l’EyeDropper API lorsque le navigateur la prend en charge

Dernière révision 7 octobre 2026

Questions fréquentes

Comment prélever une couleur dans une image ?

Choisissez l’image sous « Choisir dans une image », puis touchez l’endroit voulu. La couleur sous votre doigt ou votre curseur est sélectionnée.

Puis-je prélever une couleur n’importe où sur mon écran ?

Oui, dans Chrome et Edge sur ordinateur. Touchez « Pipette sur l’écran » et cliquez sur n’importe quel pixel, même en dehors de la fenêtre du navigateur.

Quelle est la différence entre HSL et HSV ?

Les deux utilisent la teinte et la saturation. HSL utilise la luminosité, où 100 % donne du blanc ; HSV utilise la valeur, où 100 % donne la couleur pure.

Mes photos sont-elles envoyées en ligne ?

Non. Les images sont affichées et lues dans votre navigateur et ne quittent jamais votre appareil.

Comment copier un code couleur ?

Cliquez sur une valeur HEX, RGB, HSL, HSV ou CMYK, ou utilisez le bouton de copie pour copier ensemble les codes principaux.

Autres outils

CalculatriceCalculatrice simple du quotidien, avec historique et touche pourcentageCalculatrice scientifiquesin cos log √ ^ π, avec pavé degrés/radiansCalculatrice de pourcentagesX % de Y, part d’un nombre, variation en %Convertisseur d’unitésLongueur, poids et température dans chaque unitéCalculatrice de datesJours entre deux dates, ajout et soustraction de jours, semaines, mois et annéesCompteur de mots et de caractèresCaractères, mots, caractères CJK, octets UTF-8 et temps de lectureConvertisseur CSV, JSON et XMLCSV, TSV, JSON, XML et Excel dans un seul outil, avec un encodage CJK correctConvertisseur de coordonnées et carteCoordonnées décimales, DMS et DDM avec distance, carte et export GPX/KMLCalculatrice de prêtMensualité, intérêts totaux et remboursement de tout prêtIntérêts composésValeur future d’un investissement mensuel et d’un capitalPartage d’addition et pourboirePartagez l’addition, ajoutez un pourboire et arrondissez facilementCalculateur de remisePrix soldé, taux de remise, économie et prix initial en un seul endroitCalculatrice d’IMCIndice de masse corporelle, catégorie et poids sain selon la tailleMétabolisme de base et caloriesMétabolisme de base et calories quotidiennes par activitéGénérateur de mot de passeMots de passe aléatoires et forts : longueur, symboles et robustesseGénérateur de QR codeQR codes gratuits pour liens et textes, en PNG ou SVGLecteur de QR code et code-barresLisez QR codes et codes-barres avec la caméra ou une imageGénérateur de nombres aléatoiresNombres aléatoires, loto, tirage dans une liste, dés et piècesConvertisseur de casseMajuscules, minuscules, camelCase, snake_case, tri et doublonsRedimensionner une imageRedimensionner et compresser des photos en JPG, PNG ou WebPEncodeur/décodeur Base64 et URLEncodage et décodage Base64, URL, HTML, HEX et UnicodeConvertisseur de timestamp UnixTemps Unix en date et inversement, dans tous les fuseauxConvertisseur de couleursHEX, RGB, HSL et CMJN avec contraste WCAGFormateur et validateur JSONMettre en forme, minifier et valider du JSON avec la ligne d’erreurGénérateur de palette de couleursPalettes complémentaires, analogues, triadiques et nuancesGénérateur de dégradé CSSDégradés linéaires, radiaux et coniques en CSS et PNGExtracteur de couleurs d’imageTrouvez les couleurs principales d’une photo ou d’un logoVérificateur de contraste des couleursContraste WCAG AA et AAA avec correction proposée

Les résultats sont fournis à titre indicatif. Les calculs peuvent être erronés et ne constituent ni un avis juridique, ni médical, ni financier. Vérifiez toujours auprès de l’autorité compétente ou d’un professionnel avant toute décision importante.