Choisir les couleurs et copier HEX, RGB, HSL
Choisissez les couleurs et obtenez instantanément des valeurs HEX, RGB, HSL.
Comment utiliser le Récupérateur de couleurs
Choisir une couleur
Choisissez parmi le spectre, tapez une valeur HEX, RGB ou HSL, ou chargez une image et cliquez sur n'importe quel pixel pour l'échantillonner.
Lire chaque format
HEX, RGB et HSL sont montrés ensemble et restent en synchronisation lorsque vous vous ajustez.
Copier ce dont vous avez besoin
Copier n'importe quel format en un seul clic, ou varier la légèreté pour construire des teintes et des nuances.
À propos de la Récupérateur de couleurs
HEX, RGB et HSL décrivent tous la même couleur, et chacun est plus facile pour un travail différent. HEX est compact et c'est ce que la plupart des outils CSS et de conception attendent. Les cartes RGB montrent comment un écran émet réellement de la lumière et est ce dont vous avez besoin lorsque vous travaillez avec des données de toile ou d'image. HSL sépare la teinte de la saturation et de la légèreté, ce qui en fait le seul des trois que vous pouvez ajuster à la main et prédire le résultat.
Cet outil montre les trois à la fois pour quelle couleur que vous débarquez, et les copie en un clic. Vous pouvez choisir visuellement à partir du spectre, taper une valeur dans n'importe quel format pour la convertir aux autres, ou charger une image et cliquer sur un pixel pour lire sa couleur exacte, qui est le moyen le plus rapide pour correspondre à une couleur de marque à partir d'un logo ou d'une capture d'écran.
La vue HSL est ce qui rend la construction d'une palette cohérente pratique. Gardez la teinte et la saturation fixes et varier seulement la légèreté, et vous obtenez un ensemble de teintes et de nuances qui appartiennent vraiment ensemble, plutôt que les approximations erronées que vous obtenez de nudging HEX valeurs jusqu'à ce qu'ils regardent à droite. Tout fonctionne dans votre navigateur, y compris l'échantillonnage d'images, de sorte que les images que vous chargez ne sont jamais téléchargées.
Foire aux questions
- Quelle est la différence entre HEX, RGB et HSL?
- Tous les trois décrivent la même couleur. HEX est compact et commun dans CSS, les cartes RGB à la façon dont les écrans émettent la lumière, et HSL est plus facile à ajuster à la main.
- Puis-je obtenir une couleur à partir d'une image?
- Oui. Chargez une image et cliquez sur n'importe quel pixel pour lire sa valeur exacte.
- Comment faire des nuances plus claires ou plus foncées ?
- Réglez le canal de légèreté en HSL. La teinte et la saturation fixes vous donnent un ensemble cohérent de teintes et de nuances.