Convertisseur de couleurs
Local only — nothing is uploaded unless you save or share it.
Un convertisseur de couleurs : HEX en RGB, RGB en HEX, et l'un ou l'autre en HSL.
- Tapez ou collez une couleur dans n'importe quel format
- Voyez-la convertie instantanément dans tous les autres formats
- Copiez la notation dont vous avez besoin
- HEX
- HEX avec alpha
- RGB
- HSL
Enregistrer cet outil
Gardez Convertisseur de couleurs sous la main
Utilisez le menu Partager de votre navigateur, puis « Sur l'écran d'accueil ».
À propos de cet outil
Convertir de l'hexadécimal en RGB, du RGB en hexadécimal, ou l'un des deux en HSL, est un petit impôt permanent, parce que les outils de design, le CSS et les éditeurs d'image préfèrent chacun une notation de couleur différente. L'HEX est compact et domine le CSS et les livraisons de maquettes. Le RGB correspond directement à la façon dont un écran émet réellement de la lumière. Le HSL décrit une couleur comme les gens la pensent, une teinte assortie d'une quantité de coloration et de clarté, ce qui rend bien plus facile la construction d'une palette à la main : gardez la teinte, changez la clarté, et vous obtenez un ensemble cohérent de nuances. Ce convertisseur accepte n'importe lequel de ces formats ainsi que les noms de couleurs courants, et il est délibérément indulgent sur la syntaxe. Vous pouvez coller un hexadécimal nu avec ou sans dièse, utiliser trois ou six chiffres, inclure un canal alpha, et écrire soit le style à virgules soit la syntaxe CSS plus récente séparée par des espaces. Tout se convertit à la frappe, avec un échantillon en direct pour que vous voyiez le résultat au lieu de l'imaginer.
Questions fréquentes
Quel format utiliser en CSS ?
N'importe lequel convient. L'HEX est le plus répandu et le plus compact. Le HSL vaut la peine quand vous construisez des variations d'une couleur à la main, parce qu'ajuster la clarté en gardant la teinte et la saturation donne un ensemble cohérent de nuances bien plus facilement que de modifier des chiffres hexadécimaux.
Y a-t-il aussi un sélecteur de couleur en plus de la conversion ?
Oui — l'échantillon ouvre le sélecteur de couleur de votre système, une valeur peut donc être choisie à l'œil plutôt que tapée, et les formes HEX, RGB et HSL se mettent à jour ensemble. C'est en pratique le rôle d'un sélecteur de couleur HTML : choisir quelque chose qui a l'air juste, puis emporter le code qu'une feuille de style acceptera.
Que signifient les chiffres supplémentaires d'un hexadécimal à huit caractères ?
Les deux derniers sont le canal alpha, de 00 pour totalement transparent à ff pour totalement opaque. C'est pris en charge par tous les navigateurs actuels, et c'est souvent plus simple que de passer à rgba juste pour ajouter de la transparence.
Pourquoi convertir en HSL et revenir change-t-il parfois légèrement la valeur ?
Parce que les composantes HSL sont arrondies à des entiers pour rester lisibles, et cet arrondi n'est pas parfaitement réversible. L'écart est au plus d'un pas ou deux par canal et ne se voit pas, mais il signifie que l'aller-retour n'est pas toujours identique octet pour octet.
Puis-je coller une couleur sans le dièse ?
Oui. Les valeurs hexadécimales nues sont acceptées, tout comme l'abrégé à trois chiffres, la syntaxe CSS séparée par des espaces telle que rgb(59 130 246), et les noms de couleurs courants comme teal ou crimson.
Comment savoir si un texte sera lisible sur une couleur ?
L'aperçu montre du texte noir et du texte blanc sur votre couleur pour que vous jugiez immédiatement. Pour une vraie réussite ou un vrai échec face aux règles d'accessibilité, utilisez le vérificateur de contraste, qui calcule correctement le rapport WCAG.
Aidez-nous à améliorer cet outil
Un bug, une envie de changement, ou un outil qui vous manque ?
Vous avez un message non envoyé.
Merci — c'est bien arrivé. La réponse vous attendra dans votre boîte.Go to my messages