ToolStack

Convertisseur de Couleur

Convertissez entre les formats HEX, RGB, HSL, HSV et HWB dans les deux sens.

100 % confidentiel — tout fonctionne dans votre navigateur

Publicité

Mode d'emploi

  1. 1

    Saisissez ou collez une couleur dans n'importe quel format courant — #3B82F6, rgb(59, 130, 246) ou hsl(217, 91%, 60%).

  2. 2

    Les cinq représentations — HEX, RGB, HSL, HSV et HWB — apparaissent instantanément.

  3. 3

    Copiez n'importe quelle valeur en un clic.

Exemples

Depuis HEX

Entrée

#3B82F6

Résultat

rgb(59, 130, 246) · hsl(217, 91%, 60%) · hsv(217, 76%, 96%) · hwb(217 23% 4%)

Depuis RGB

Entrée

rgb(255, 99, 71)

Résultat

#FF6347 · hsl(9, 100%, 64%) · hsv(9, 72%, 100%) · hwb(9 28% 0%)

Questions fréquentes

Quels formats d'entrée sont pris en charge ?

Les codes HEX avec ou sans # (y compris les formes à 3 et 8 chiffres), les fonctions rgb() / rgba() et hsl() / hsla().

Quelle différence entre HSL et HSV ?

Les deux utilisent la teinte, mais HSL mesure la luminosité (lightness) et HSV la valeur (brightness). Les outils de design préfèrent souvent le HSV, car saturation et luminosité s'y règlent indépendamment.

Est-ce envoyé à un serveur ?

Non — toutes les conversions sont effectuées localement dans votre navigateur.

Outils similaires

HEX en RGBConvertissez des codes HEX en valeurs RGB instantanément — gratuit et privé.RGB en HEXConvertissez des valeurs RGB en code HEX instantanément — gratuit et privé.Vérificateur de ContrasteVérifiez instantanément le ratio de contraste WCAG entre un texte et son arrière-plan.Sélecteur de CouleurChoisissez une couleur et copiez ses valeurs HEX, RGB, HSL et HSV en un clic.Générateur de DégradéCréez visuellement des dégradés CSS linéaires et radiaux, puis copiez le code CSS.Générateur de Couleur CSSTransformez une couleur de base en une échelle de 10 nuances exportable en variables CSS.