Convertisseur de couleurs et testeur de contraste WCAG - Outil en ligne gratuit

Convertissez des couleurs en temps réel entre HEX, RGB, HSL et CMYK, et calculez automatiquement le contraste d'accessibilité WCAG (AA/AAA). Gère les pourcentages CMYK pour l'impression. 100 % local.

Aperçu du texte

Valeurs converties

RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CMYKcmyk(76%, 47%, 0%, 4%)

Accessibilité (WCAG)

Texte blanc0.00:1
Texte normal (AA)Échoué
Grand texte (AA)Échoué
Texte noir0.00:1
Texte normal (AA)Échoué
Grand texte (AA)Échoué

Mode d’emploi

  1. Saisissez une couleur dans n'importe quel format (HEX/RGB/HSL) ou utilisez le sélecteur pour choisir une couleur.
  2. L'outil génère automatiquement les autres formats en temps réel (y compris le CMYK).
  3. Consultez le panneau WCAG pour voir le ratio de contraste avec un texte noir ou blanc et les résultats AA/AAA.
  4. Cliquez pour copier et collez les valeurs de couleur dans votre code ou vos maquettes.

Fonctionnalités principales

  • Conversion HEX/RGB/CMYK + Test WCAG : convertissez les formats de couleur et vérifiez l'accessibilité sur une seule interface.
  • Test de contraste WCAG : calcule automatiquement le ratio de contraste et affiche instantanément les statuts de réussite AA/AAA.
  • Conversion CMYK pour l'impression : affiche les pourcentages CMYK pour faciliter le design graphique et l'impression.
  • Espace colorimétrique HSL : permet des ajustements HSL pour contrôler intuitivement la teinte, la saturation et la luminosité.
  • Intégration du sélecteur système : utilisez le sélecteur de couleur de votre système d'exploitation pour prélever et prévisualiser rapidement les couleurs.

Outils associés

Sélecteur de couleur d'image gratuit et générateur de palettes

Choisissez, glissez-déposez ou collez une image pour prélever les couleurs des pixels localement, copier les valeurs HEX/RGB/HSL et extraire une palette de couleurs dominantes.
Générateur de Lorem Ipsum (JSON/HTML) - Outil en ligne gratuit

Générez du texte de remplissage Lorem Ipsum au format texte brut, HTML <p> ou sous forme d'options de tableau JSON. Longueur modulable (paragraphes, phrases, mots), gérant aussi le faux-texte en chinois. 100 % local.
Calculateur de ratio d'aspect et générateur de CSS - Outil en ligne gratuit

Calculez rapidement les ratios d'aspect et les dimensions manquantes (largeur/hauteur). Intègre des préréglages comme TikTok 9:16, YouTube 16:9, Instagram 4:5, et génère automatiquement le code CSS aspect-ratio. 100 % local.

Logique de calcul

  • Conversion : implémente les formules mathématiques standards pour les correspondances RGB↔HSL et RGB↔CMYK.
  • WCAG : calcule d'abord la luminance relative, puis le ratio de contraste.
  • La luminance relative est estimée par : (L = 0.2126R + 0.7152G + 0.0722B).
  • Le ratio de contraste est : (\frac{L_1 + 0.05}{L_2 + 0.05}), sur la base duquel les critères AA/AAA sont évalués.

FAQ

Comment vérifier si mes couleurs sont accessibles (WCAG) ?

Saisissez vos couleurs et consultez le panneau WCAG. L'outil calcule les ratios de contraste par rapport à un texte noir ou blanc et affiche la conformité AA/AAA.

Comment convertir du HEX en CMYK pour l'impression ?

Saisissez un code HEX (comme #FF0000). L'outil le convertit instantanément en pourcentages CMYK pour vos conceptions destinées à l'impression.

Mes données sont-elles en sécurité (local / vie privée) ?

Oui. Les conversions de couleurs et les calculs de contraste sont effectués localement dans votre navigateur, sans aucun transfert vers un serveur.

Cet outil est-il gratuit ? Prend-il en charge le traitement par lot ?

Il est entièrement gratuit. Pour le moment, il se concentre sur la conversion et le test d'une seule couleur ; pour des besoins multiples, nous vous conseillons de tester individuellement vos couleurs clés (couleur principale, couleur du texte, arrière-plan).

Pourquoi utiliser la valeur 0.05 dans le contraste WCAG ?

Il s'agit d'une spécification du WCAG qui évite la division par zéro dans les cas extrêmes et correspond mieux à la perception humaine de la lisibilité.