Convertisseur de couleurs

Convertissez des couleurs entre les formats HEX, RGB et HSL. Inclut un sélecteur de couleurs visuel et un vérificateur de ratio de contraste WCAG pour les tests d'accessibilité.

#3B82F6rgb(59, 130, 246)
Aa
sur blanc : 3.68:1
AA Grand
Aa
sur noir : 5.71:1
AA

Valeurs CSS

color: #3B82F6;

color: rgb(59, 130, 246);

color: hsl(217, 91%, 60%);

Comment ça fonctionne

1

Saisissez une valeur de couleur

Tapez un code HEX, des valeurs RGB, des valeurs HSL ou utilisez le sélecteur de couleurs visuel.

2

Consultez tous les formats

La couleur est instantanément convertie en HEX, RGB et HSL. Tous les formats sont affichés simultanément avec la sortie CSS.

3

Copiez ou vérifiez l'accessibilité

Copiez n'importe quel format de couleur dans votre presse-papiers. Vérifiez les ratios de contraste WCAG sur des fonds blanc et noir.

Foire aux questions

Quels formats de couleur sont pris en charge ?

L'outil prend en charge les formats HEX (3 et 6 chiffres), RGB (0–255) et HSL (teinte 0–360, saturation et luminosité 0–100 %). Saisissez une valeur dans n'importe quel format et tous les autres sont calculés instantanément.

Qu'est-ce que le vérificateur de contraste ?

Le vérificateur de contraste calcule le ratio de contraste entre votre couleur et les fonds blanc ou noir selon les directives WCAG. Il indique si la combinaison respecte les normes d'accessibilité AA (ratio 4,5:1) ou AAA (ratio 7:1).

L'outil s'exécute-t-il dans mon navigateur ?

Oui. Toutes les conversions et calculs de couleurs s'effectuent côté client dans votre navigateur. Aucune donnée n'est envoyée à un serveur.

Outils similaires