DataForge
Tous les outils
Couleur

Convertir entre HEX, RGB, HSL et RGBA dans le navigateur en ligne

Convertir entre HEX / RGB / HSL / RGBA

Couleur d'entrée
Résultats de conversion
HEX#00e5ff
RGBrgb(0, 229, 255)
RGBArgba(0, 229, 255, 1)
HSLhsl(186, 100%, 50%)
HSLAhsla(186, 100%, 50%, 1)

convertisseur hsl vers couleur hex css dans le navigateur hors ligne

Convertisseur hsl vers couleur hex css dans le navigateur hors ligne. Cet outil gère ce scénario et les cas connexes — y compris hex vers hsl pour une couleur personnalisée de config tailwind et convertir une couleur pantone en une approximation hex — entièrement dans votre navigateur, sans inscription ni téléchargement.

rgb vers hex avec opacité au format rgba 8 chiffres

Rgb vers hex avec opacité au format rgba 8 chiffres. Que vous travailliez avec des données d'API, des fichiers de config ou des journaux, tout est traité localement. Les tâches comme convertir une couleur pantone en une approximation hex sont aussi prises en charge.

convertir hsv en rgb hsl hex pour le css

Convertir hsv en rgb hsl hex pour le css. Vous pouvez aussi utiliser cet outil pour convertisseur couleur lab vers rgb pour des variables css et convertir oklch en hex pour la prise en charge du css moderne. Les résultats apparaissent instantanément — sans échange serveur.

couleur nommée css vers valeurs hex et rgb

Couleur nommée css vers valeurs hex et rgb. C'est l'un des nombreux scénarios pris en charge. Vous pouvez aussi convertir oklch en hex pour la prise en charge du css moderne sans quitter la page ni créer de compte.

convertir cmyk en hex pour le design web en ligne

Convertir cmyk en hex pour le design web en ligne. Tout le traitement se fait sur votre appareil, garantissant la confidentialité de vos données. Les fonctionnalités connexes incluent hex vers hsl pour une couleur personnalisée de config tailwind et convertir une couleur pantone en une approximation hex.

Présentation

Le convertisseur de couleurs convertit entre les quatre formats de couleur les plus utilisés par les développeurs front-end : HEX, RGB, RGBA et HSL. Designers et ingénieurs front-end basculent souvent entre les outils de design (Figma, Sketch, Photoshop) et le code CSS, et cet outil permet d'effectuer toutes les conversions en un clic.

Comment utiliser cet outil

Étape 1 — saisissez une valeur de couleur dans n'importe quel format : HEX comme #00e5ff ou 00e5ff (le # est optionnel), la forme à 3 chiffres #0cf est également prise en charge ; RGB comme rgb(0, 229, 255) ; HSL comme hsl(187, 100%, 50%). Étape 2 — un aperçu de couleur apparaît sous l'entrée en temps réel. Étape 3 — le panneau « Résultats de conversion » liste les quatre formats, chacun avec un bouton « Copier ». Étape 4 — l'outil détecte automatiquement le type d'entrée et ignore les valeurs invalides en toute sécurité.

Cas d'usage courants

Les designers choisissent les couleurs en HSL dans Sketch ou Figma et transmettent au développeur le HEX ; les développeurs front-end convertissent le HEX d'une spécification de design en RGBA pour ajouter de la transparence ; ajuster les couleurs de marque avec HSL pour un contrôle plus facile de la luminosité et de la saturation ; déboguer les palettes de basculement de thèmes et de mode sombre ; documenter dans plusieurs formats les couleurs que vous avez prélevées sur des captures d'écran.

Détails techniques

HEX → RGB utilise la séparation bit à bit en canaux 8 bits. RGB → HSL utilise l'algorithme standard (normalisation à [0,1] puis calcul de teinte, saturation, luminosité). HSL → RGB est l'inverse en utilisant six segments linéaires de teinte. Le HEX à 3 chiffres est automatiquement développé (#0cf → #00ccff). Le HEX à quatre canaux (avec alpha) n'est pas pris en charge ici — utilisez le générateur de couleurs CSS dédié.

Confidentialité et sécurité

Toutes les conversions de couleur s'exécutent en local dans votre navigateur et l'entrée n'est jamais envoyée.

Références et normes

Outils associés

Générateur de couleurs CSSChoisir une couleur et obtenir HEX / RGB / RGBA / HEX 8 chiffresImage → Base64Convertir une image en Data URL · glisser, coller ou choisirFormateur JSONFormater / minifier / valider du JSON — indentation configurable, localisation précise des erreurs, copie en un clicJSON ⇄ XMLConversion bidirectionnelle entre JSON et XMLJSON ⇄ YAMLConversion bidirectionnelle entre JSON et YAML

Questions fréquentes

Comment utiliser cet outil pour convertir hex en rgba avec valeur alpha en ligne ?

Collez votre saisie dans l'éditeur, choisissez les options, et le résultat apparaît instantanément. Le traitement est local dans votre navigateur.

Mes données sont-elles en sécurité ?

Oui. Toutes les opérations s'exécutent entièrement dans votre navigateur. Vos données ne sont jamais téléchargées vers un serveur.

Cet outil est-il vraiment gratuit ?

Oui. Cet outil est 100 % gratuit, sans inscription, sans compte, sans publicité et sans limite d'usage.

Quels formats ou plateformes sont pris en charge ?

L'outil prend en charge tous les formats courants de cette catégorie et fonctionne dans tout navigateur moderne sur ordinateur et mobile.

Puis-je aussi utiliser cet outil pour rgb vers hex avec opacité au format rgba 8 chiffres ?

Oui. Collez votre contenu, choisissez les options pertinentes, et le résultat apparaît instantanément. Toutes les fonctionnalités s'exécutent localement.

Comment convertir hsv en rgb hsl hex pour le css avec cet outil ?

Saisissez ou collez vos données dans l'éditeur, ajustez les options disponibles, et la sortie est générée instantanément. Tout se fait sur votre appareil.