Convertisseur de couleurs
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL 조정
대비 비율 (WCAG)
비교 색상:
샘플 텍스트
대비 비율: 3.68:1
WCAG: AA Large
Dernière mise à jour : 2026 · Outil en ligne gratuit
Qu'est-ce que Convertisseur de couleurs ?
Outil gratuit en ligne pour convertir entre les codes couleur HEX, RGB, HSL, OKLCH avec ratio de contraste WCAG
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 gratuit en ligne pour convertir entre horodatage Unix et date avec prise en charge des fuseaux horaires
Générateur de dégradé CSS Éditeur visuel en ligne gratuit pour créer des dégradés CSS et copier le code
Générateur CSS box-shadow Éditeur visuel en ligne gratuit pour créer des CSS box-shadow et copier le code
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.