Convertisseur de couleurs (Hex, RGB, HSL)
Aperçu de la couleur
#6366f1
Guide d'utilisation
Le Convertisseur de Couleurs est un outil en ligne pour convertir les valeurs de couleur entre les formats HEX, RGB, HSL, HSV et CMYK — tout fonctionne localement dans votre navigateur. La conversion de format de couleur est une tâche quotidienne pour les designers et développeurs front-end : Figma exporte des codes HEX, CSS utilise HEX et RGB/HSL, les flux d'impression nécessitent du CMYK. L'outil accepte toute valeur de couleur valide et affiche instantanément la valeur équivalente dans tous les formats pris en charge. Un grand swatch de couleur permet une confirmation visuelle immédiate.
- Saisir une valeur de couleur — Tapez ou collez n'importe quelle valeur de couleur dans le champ de saisie : code HEX (#6366f1 ou #fff), valeur RGB, valeur HSL ou nom de couleur CSS. Le convertisseur détecte automatiquement le format.
- Utiliser le sélecteur de couleur — Cliquez sur le swatch de couleur ou le bouton du sélecteur pour ouvrir le sélecteur de couleur natif du navigateur.
- Lire tous les équivalents de format — L'outil affiche simultanément la couleur choisie en HEX, RGB (0–255), RGB (0–1 normalisé), HSL, HSV et CMYK.
- Ajuster les canaux individuels — Affinez la couleur en modifiant des valeurs de canal individuels — par exemple, changer uniquement le canal alpha en RGBA.
- Copier n'importe quel format — Cliquez sur le bouton « Copier » à côté de n'importe quelle ligne de format pour copier cette valeur spécifique dans votre presse-papiers.
- Vérifier avec le swatch — Le grand aperçu de swatch de couleur montre toujours la couleur réellement rendue. Utilisez-le pour confirmer visuellement les valeurs converties avant de les copier.
Questions fréquentes
Quels formats de couleur cet outil supporte-t-il ?
L'outil convertit entre trois formats CSS courants : HEX (#RRGGBB), RGB (rgb(r, g, b) avec des valeurs 0–255) et HSL (hsl(h, s%, l%) — Teinte 0–360°, Saturation et Luminosité 0–100%). Il accepte aussi les couleurs CSS nommées comme "tomato" ou "deepskyblue".
Quelle est la différence entre RGB et HSL ?
RGB décrit une couleur par ses intensités de lumière rouge, verte et bleue (0–255 chacune). HSL décrit une couleur par sa Teinte (position sur la roue chromatique, 0–360°), Saturation (0–100%) et Luminosité (0–100%). HSL est souvent plus intuitif pour les designers car ajuster la luminosité ou la saturation est direct.
Cette conversion de couleur est-elle effectuée sur un serveur ?
Non. Toute la logique de conversion s'effectue dans votre navigateur avec du JavaScript natif. Rien n'est envoyé à un serveur.
Puis-je utiliser cet outil hors ligne ?
2Kit est une PWA. Après votre première visite, il est mis en cache et fonctionne entièrement hors ligne.
Pourquoi ai-je besoin de convertir entre les formats de couleur ?
Différents outils et workflows utilisent différents formats de couleur. Les outils de design exportent souvent en HEX, tandis que les animations CSS et les systèmes de thèmes préfèrent HSL pour une manipulation programmatique plus facile.
Implémentation technique
Tout le traitement s'effectue entièrement dans votre navigateur — aucune donnée n'est jamais envoyée à un serveur. Cet outil fonctionne entièrement hors ligne en tant qu'application web progressive (PWA) : après la première visite, toutes les pages et ressources sont mises en cache par le Service Worker et restent disponibles sans connexion internet. Vos données ne quittent jamais votre appareil, ce qui le rend sûr pour les contenus sensibles tels que les clés API, les mots de passe, les configurations privées et les documents confidentiels.