Convertisseur de couleurs

Convertissez les couleurs entre HEX, RVB et HSL avec un aperçu en direct.

Espace de travail interactifLes modifications restent sur cet appareil
Couleur HEX, RVB ou HSL
Privé par défautVos entrées et fichiers sont traités sur cet appareil.
Gratuit et instantanéAucun compte, file d'attente ou installation de logiciel requis.
Prêt à l'emploiCopiez ou téléchargez les résultats dès qu'ils sont générés.

Comment utiliser Convertisseur de couleurs

Obtenez un résultat fiable en trois étapes simples.

  1. 01

    Entrez ou choisissez une couleur

    Utilisez HEX, RVB, HSL ou le sélecteur de couleurs visuel.

  2. 02

    Examinez chaque format

    Les valeurs équivalentes HEX, RVB et HSL sont mises à jour ensemble.

  3. 03

    Copiez ce dont vous avez besoin

    Cliquez sur n’importe quelle ligne de sortie pour la copier dans votre feuille de style ou votre fichier de conception.

Conçu pour le travail quotidien

Utile sans le travail fastidieux

Contrôles ciblés, feedback immédiat et aucun compte entre vous et le résultat.

Aperçu en direct

Confirmez la couleur visible tout en modifiant sa valeur.

Formats CSS courants

Déplacez-vous proprement entre les formats utilisés par les navigateurs et les outils de conception.

Copie en un clic

Chaque résultat normalisé est prêt à être collé.

Guide pratique

Qu'est-ce que Convertisseur de couleurs?

Un convertisseur de couleurs exprime la même couleur visible dans différents systèmes de notation. HEX est courant dans les transferts de conception, RVB reflète les canaux de couleur de l'écran et HSL décrit la teinte, la saturation et la luminosité.

Changer la notation ne change pas la couleur souhaitée. De petites différences peuvent survenir lorsque les valeurs basées sur un pourcentage sont arrondies pour une sortie lisible.

Applications pratiques

Quand utiliser cet outil

Voies courantes Convertisseur de couleurs s'intègre dans des projets réels et des tâches quotidiennes.

1

Création CSS

Convertissez les valeurs HEX de conception en déclarations RVB ou HSL.

2

Systèmes de conception

Normalisez les jetons reçus dans des formats de couleurs mixtes.

3

Réglage du thème

Utilisez HSL pour ajuster systématiquement la luminosité ou la saturation.

4

Assurance qualité

Vérifiez que deux valeurs écrites différemment représentent la même couleur.

Réponses utiles

Questions fréquemment posées

Réponses rapides sur convertisseur de couleurs et comment fonctionne cette page.

La conversion de HEX en RVB change-t-elle la couleur ?

Non. Les deux notations décrivent les mêmes valeurs de canal rouge, vert et bleu.

A quoi sert le HSL ?

HSL facilite le réglage indépendant de la teinte, de l'intensité des couleurs et de la luminosité.

Les valeurs alpha sont-elles prises en charge ?

Le convertisseur actuel se concentre sur les couleurs opaques HEX, RVB et HSL.

Pourquoi certaines valeurs HSL sont-elles arrondies ?

Les pourcentages et les valeurs de teinte sont arrondis pour une sortie CSS lisible.