Mode d’emploi
- Saisissez une couleur dans n'importe quel format (HEX/RGB/HSL) ou utilisez le sélecteur pour choisir une couleur.
- L'outil génère automatiquement les autres formats en temps réel (y compris le CMYK).
- Consultez le panneau WCAG pour voir le ratio de contraste avec un texte noir ou blanc et les résultats AA/AAA.
- 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
Le calculateur de retraite FIRE 2026 ajusté à l'inflation. Simulez votre pouvoir d'achat réel, évaluez vos écarts d'épargne et générez votre feuille de route. Export CSV en un clic. 100 % confidentiel.
Calculez la taille de votre position de trading selon votre capital, votre risque %, votre entrée et votre stop-loss. Fonctionne localement dans le navigateur pour simuler vos risques avant de trader.
Calculez vos intérêts composés à partir du capital initial, des versements périodiques, de l'APY et de la durée. Visualisez la part du capital et des intérêts sur un graphique interactif local.
Utilisez ce calculateur de prêt / crédit immobilier pour estimer vos mensualités, le total des intérêts et générer un tableau d'amortissement local. Saisissez le montant, le taux et la durée pour simuler immédiatement.
Utilisez ce calculateur d'investissement / ROI pour estimer localement votre capital de départ, vos versements mensuels, votre rendement annuel et vos résultats ajustés à l'inflation. Visualisez vos gains avec un graphique interactif.
Utilisez ce calculateur d'APR en APY pour convertir localement vos taux APR et APY. Saisissez un taux, choisissez la fréquence de capitalisation et obtenez instantanément le taux d'intérêt effectif, l'écart et un tableau comparatif.
Utilisez ce calculateur de marge commerciale pour estimer localement votre bénéfice brut, taux de marge, taux de marque (markup) et prix de vente. Saisissez vos coûts et marges cibles pour calculer instantanément.
Utilisez ce calculateur de CPM et de CPC pour estimer localement vos dépenses publicitaires, impressions, clics, CPM, CPC et CTR. Saisissez votre budget et vos coûts cibles pour planifier vos campagnes.
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é.