a11y.skipToMainContent
1

Récupérateur de couleurs

Choisissez n'importe quelle couleur et voyez instantanément ses valeurs HEX, RGB, HSL et HSV. Copier des codes de couleurs pour une utilisation en CSS, conception ou développement.

Color Formats

HEX
RGB
HSL
HSV
CMYK

Manual Input

Was this tool helpful?
Send output to:
Advertisement

How to use Color Picker

  1. Utilisez la roue de couleur ou entrez un code de couleur pour sélectionner une couleur.
  2. Affichez les valeurs de couleurs dans les formats HEX, RGB, HSL et HSV.
  3. Cliquez sur toute valeur pour la copier dans votre presse-papiers.
  4. Parcourez les harmonies de couleur sous le sélecteur.

Quel est {nom} ?

Ce sélectionneur de couleurs vous permet de sélectionner n'importe quelle couleur et de voir ses valeurs dans plusieurs formats : HEX (#FF5733), RGB (255, 87, 51), HSL (14, 100%, 60%) et HSV (14, 80%, 100%). Copier n'importe quel format en un seul clic.

L'outil montre également des harmonies de couleurs complémentaires, analogues et triadiques pour votre couleur sélectionnée.

Advertisement

FAQ

Quelle est la différence entre HEX et RGB ?
HEX et RGB représentent les mêmes couleurs différemment. HEX utilise la notation hexadécimale (#FF5733), tandis que RGB utilise les valeurs décimales (255, 87, 51). Les deux sont largement utilisés dans le développement Web.
Qu'est-ce que HSL?
HSL représente Hue, Saturation, Légèreté. C'est un modèle de couleur plus intuitif — la teinte est la position de la roue de couleur (0-360°), la saturation est comme vive (0-100%) et la légèreté est comme lumineuse (0-100%).

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

← Back to Developer Tools · All tags

Last updated:

Advertisement