Outils

Convertisseur de couleurs en ligne gratuit – HEX, RVB et TSL

Convertissez vos couleurs entre HEX, RVB et TSL gratuitement, avec un aperçu en direct. Collez n'importe quel format et obtenez les trois représentations, directement dans votre navigateur.

Tous les outils fonctionnent dans votre navigateur — rien de ce que vous traitez n’est téléversé.

Comment utiliser

  1. Saisissez une couleur dans l’un des formats pris en charge – #3b82f6, rgb(59, 130, 246) ou hsl(217, 91%, 60%).
  2. Regardez les deux autres formats se mettre à jour instantanément, accompagnés d’un aperçu de la couleur en direct.
  3. Copiez le format dont vous avez besoin pour le CSS, un logiciel de conception ou votre code.

Tout s’exécute localement dans votre navigateur. Aucun téléversement, aucun compte et aucune limite au nombre de couleurs convertibles.

HEX, RVB et TSL sont trois vues de la même couleur. Les développeurs web passent constamment de l’une à l’autre : une palette vient du logiciel de maquettage en HEX, un composant réclame un remplacement en rgb(), et un script d’animation veut interpoler entre des valeurs TSL. Convertir à la main est source d’erreurs – un seul chiffre faux change toute la couleur.

Conseils

Le raccourci hexadécimal #fff fonctionne aussi. Si vous saisissez une valeur que l’outil ne peut pas analyser, il vous le signale au lieu de deviner – une valeur invalide ne produit jamais une mauvaise couleur en silence. Utilisez la vue TSL pour ajuster la luminosité sans toucher à la teinte.

Pourquoi utiliser cet outil

Les outils de conception et le CSS utilisent tous deux les couleurs, mais rarement dans le même format. Plutôt que de jongler entre les outils de développement du navigateur et une calculatrice, ce convertisseur vous donne tous les formats au même endroit, avec un contrôle visuel – rapide, privé et précis.

Real-world use cases

  • API development: Format JSON responses from Chrome DevTools before committing fixtures.
  • Debugging: Validate timestamps, regex or hashes without switching to a terminal or IDE.
  • On-call fixes: From your phone, quickly convert timezone or generate a UUID for a hotfix branch.

How it compares

ToolOfflinePrivacySetupCost
This toolYes100% localNoneFree
Server toolsNoMay log IPNoneFree/Ads
CLI / IDE pluginYesLocalInstall & configFree

For quick checks without context switching, the browser tool is fastest. For CI, keep the CLI as source of truth.

Pro tips

  • Bookmark the tool. With prefetch enabled, it opens near-instantly next time.
  • For secrets like hashes with salts, prefer your local terminal for production values.
  • Pair UUID/Password generators with your password manager for rotation workflows.

FAQ

Comment convertir du HEX en RVB ?

Collez une valeur hexadécimale comme #3b82f6 dans la zone de saisie. Les champs RVB et TSL se mettent à jour immédiatement et la pastille d'aperçu affiche la couleur réelle. Vous pouvez aussi coller rgb(59, 130, 246) ou hsl(217, 91%, 60%) et obtenir les trois formats en retour.

Quelle est la différence entre HEX, RVB et TSL ?

HEX est l'abréviation hexadécimale sur six chiffres utilisée en CSS et dans les outils de conception. RVB exprime une couleur par ses canaux rouge, vert et bleu. TSL la décrit par teinte, saturation et luminosité, une approche souvent plus intuitive pour choisir ou ajuster des couleurs.

Quel format utiliser en CSS ?

Les trois fonctionnent dans le CSS moderne. HEX reste la convention la plus courante, rgb() en est un équivalent direct et hsl() est pratique lorsqu'on veut ajuster la luminosité ou la saturation par programme.

Is it safe to paste production secrets?

Local processing is safer than server tools, but avoid pasting real production secrets anywhere.

Does this work offline?

Yes. After the first load the tool works without network.

Can I use this on mobile?

Yes. All developer tools are responsive and work on phones.

Outils associés