Convertisseur de couleurs

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

OKLCH

oklch(0.623 0.188 259.8)

HSL 조정

H217S91%L60%

대비 비율 (WCAG)

비교 색상:

샘플 텍스트

대비 비율: 3.68:1

WCAG: AA Large

Dernière mise à jour : 2026 · Outil en ligne gratuit

Qu'est-ce que Convertisseur de couleurs ?

Convertisseur de couleurs gratuit en ligne qui traduit instantanément entre les codes HEX, RGB, HSL et OKLCH et calcule le ratio de contraste WCAG entre deux couleurs pour vérifier l'accessibilité.

Comment utiliser

1
Entrer une couleur — Utilisez le sélecteur de couleurs ou la saisie de texte. Les formats HEX, rgb() et hsl() sont pris en charge.
2
Voir les formats — Les formats HEX, RGB, HSL et OKLCH sont affichés simultanément.
3
Copier les valeurs — Utilisez le bouton copier pour chaque format pour copier la valeur CSS.
4
Vérifier le ratio de contraste — Définissez une couleur de comparaison pour vérifier le ratio de contraste WCAG.

Outils associés

Convertisseur de Timestamp Outil en ligne gratuit pour convertir entre horodatages Unix et dates dans les deux sens. Il accepte les secondes (10 chiffres) et les millisecondes (13 chiffres) et prend en charge KST, JST, UTC, ISO 8601 et le temps relatif.

Générateur de dégradé CSS Générateur de dégradé CSS visuel gratuit : créez des dégradés linéaires, radiaux et coniques, ajustez les points de couleur et l'angle, puis copiez le code CSS prêt à l'emploi.

Générateur CSS box-shadow Générateur CSS box-shadow gratuit en ligne avec contrôles pour décalage, flou, étalement, couleur et inset, offrant un aperçu en direct de l'ombre et produisant un code CSS box-shadow prêt à copier.

Questions fréquentes

OKLCH est une représentation cylindrique de l'espace colorimétrique Oklab, l'espace le plus uniforme perceptuellement. Il est pris en charge dans CSS Color Level 4.

Il mesure la différence de luminosité entre le texte et les couleurs d'arrière-plan. AA exige au moins 4,5:1, AAA exige 7:1.

Actuellement, seules les couleurs opaques (RGB, HEX 6 chiffres) sont prises en charge. RGBA et HSLA seront ajoutés prochainement.

Oui. Vous pouvez coller le résultat de chaque format directement dans votre CSS.

Non. Toutes les conversions de couleurs se font dans votre navigateur.