Convertisseur de couleurs
Choisissez une couleur ou saisissez une valeur, et FileTinker la convertit entre HEX, RGB et HSL en temps réel. Chaque champ est modifiable et chaque valeur est prête à coller dans votre CSS. Tout fonctionne dans votre navigateur.
Convertir entre les formats
Accédez directement à une conversion précise — chacune ouvre sa propre page prête à l'emploi :
Comment convertir une couleur
- Choisissez une couleur avec le nuancier, ou saisissez une valeur HEX, RGB ou HSL dans n'importe quel champ.
- Les autres formats se mettent à jour instantanément au fur et à mesure.
- Copiez le format dont vous avez besoin — chaque valeur est prête à coller dans votre CSS ou dans un outil de conception.
À propos des formats de couleur
HEX, RGB et HSL sont trois notations pour les mêmes couleurs à l'écran. HEX (comme #3366ff) est compact et courant dans le balisage ; RGB détaille les canaux rouge, vert et bleu de 0 à 255 ; HSL décrit la teinte, la saturation et la luminosité, ce qui est intuitif lorsque vous souhaitez construire une palette ou ajuster une nuance au feeling. Convertir de l'un à l'autre est un travail quotidien en conception web et graphique.
Cet outil garde les trois notations synchronisées lorsque vous en modifiez une, et vous offre un aperçu en direct ainsi qu'un sélecteur de couleur natif. Comme il fonctionne entièrement dans votre navigateur, il est instantané et privé — pratique pour assortir des couleurs de marque, créer des variables CSS ou échantillonner une nuance à la volée.
Questions fréquentes
Comment convertir du HEX en RGB ou HSL ?
Saisissez ou collez une valeur HEX (ou choisissez une couleur avec le nuancier) et les champs RGB et HSL se mettent à jour instantanément. Chaque champ fonctionne dans les deux sens : vous pouvez donc partir de n'importe quel format et lire les autres. Copiez celui dont vous avez besoin.
Quelle est la différence entre HEX, RGB et HSL ?
Ils décrivent la même couleur de différentes manières. HEX et RGB définissent tous deux les quantités de rouge, de vert et de bleu (HEX en hexadécimal, RGB en valeurs de 0 à 255). HSL utilise plutôt la teinte, la saturation et la luminosité, ce qui permet d'éclaircir, d'assombrir ou d'atténuer une couleur plus facilement à la main.
Les valeurs sont-elles prêtes à l'emploi dans le CSS ?
Oui. Les valeurs HEX, rgb(...) et hsl(...) sont écrites exactement comme le CSS l'attend : vous pouvez donc en coller n'importe laquelle directement dans une feuille de style ou un outil de conception.
Quelque chose est-il envoyé ?
Non. Tous les calculs de conversion s'exécutent dans votre navigateur ; rien n'est envoyé où que ce soit.