IQ
PayloadIQ
Utilitaires PayloadIQ

Convertisseur de couleurs : HEX, RGB et HSL

Passe d'un format de couleur à l'autre et vois le résultat en direct. Colle un code hex ou pioche une teinte, puis copie le format dont tu as besoin.

HEX#7C6AF7
RGBrgb(124, 106, 247)
HSLhsl(248, 90%, 69%)

S'exécute dans ton navigateur. Ce que tu saisis n'est pas envoyé à PayloadIQ.

Cet outil convertit une couleur entre HEX, RGB et HSL directement dans ton navigateur, avec un aperçu en direct de la teinte. Saisis un code hex (à 3 ou 6 chiffres, avec ou sans le #) ou utilise le sélecteur, et tu obtiens la même couleur dans les trois formats, chacun avec son propre bouton de copie. Aucune donnée n'est envoyée : toute la conversion se fait en local.

Le bon format au bon endroit

Chaque écosystème a ses habitudes : ton CSS attend parfois #7c6af7, une API graphique veut rgb(124, 106, 247), et un design tool raisonne en HSL. L'outil affiche les trois en même temps, donc tu n'as plus à recalculer à la main ni à jongler entre plusieurs sites. HSL est particulièrement pratique quand tu veux ajuster la luminosité ou la saturation tout en gardant la même teinte — par exemple pour générer des variantes claires et foncées d'une couleur de marque.

Tout reste dans ton navigateur

La conversion est faite en JavaScript, sur ta machine : rien n'est téléversé, aucun appel réseau, aucun suivi. Tu peux donc l'utiliser sur les couleurs d'un projet client ou d'une charte encore confidentielle sans aucun risque. Pas de compte à créer, pas de publicité — tu colles ta valeur, tu copies celle qu'il te faut, et c'est tout.

Questions fréquentes

Mes codes couleur sont-ils envoyés quelque part ?
Non. Tout est calculé dans ton navigateur, en local, et aucune valeur n'est envoyée à un serveur. Tu peux l'utiliser sur des couleurs de projet confidentielles sans souci.
Quels formats hex sont acceptés ?
Les codes à 6 chiffres (#7c6af7) comme les raccourcis à 3 chiffres (#abc), avec ou sans le #. L'outil normalise la saisie et te renvoie aussitôt les équivalents RGB et HSL.
Pourquoi convertir en HSL plutôt que de rester en HEX ou RGB ?
HSL sépare la teinte, la saturation et la luminosité, ce qui rend les retouches bien plus intuitives. Pour éclaircir ou assombrir une couleur, ou créer une palette cohérente, tu fais varier un seul paramètre au lieu de tâtonner sur trois canaux RGB.
La conversion est-elle exacte dans les deux sens ?
Oui, HEX et RGB représentent exactement la même information, donc l'aller-retour est sans perte. La conversion vers HSL passe par des arrondis, ce qui peut décaler une valeur d'une unité, mais la couleur affichée dans l'aperçu reste fidèle.

Utilitaires associés

Fichier en MarkdownPDF en MarkdownWord (DOCX) en MarkdownExcel (XLSX) en Markdown
Ouvrir le PayloadIQ Playground