rgb color tester

Un testeur RGB précis pour les designers et développeurs qui convertit les valeurs, vérifie le contraste et valide l'accessibilité entre les formats RGB, HEX et HSL.

Tool coming soon!

We're working hard to get this tool ready for you.

Request Feature / Support
1,236+
Total Calculations Run
< 15ms
Browser Execution Speed
100%
Client-Side Privacy
4.9 / 5.0
User Satisfaction
AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

Popular ideas:
100% FREE • No Credit Card Required

À propos de cet outil

Le RGB Color Tester accepte les entrées en RGB, HEX ou HSL et fournit des valeurs normalisées dans tous les formats. Il valide les plages numériques et préserve l’alpha lorsqu’elle est fournie. Il calcule la luminance perceptuelle et les ratios de contraste par rapport à un fond choisi pour faciliter des choix de couleurs accessibles. Cet outil s’adresse aux designers, ingénieurs frontend et spécialistes de l’accessibilité qui ont besoin de tokens de couleur cohérents sur les plateformes et les bases de code. Conceptuellement, les entrées sont analysées et converties à l’aide de formules standard des espaces colorimétriques. Les représentations RGB, HEX et HSL résultantes sont produites, tandis que l’alpha optionnel est conservé. La luminance est calculée à partir de valeurs RGB linéarisées, et le ratio de contraste suit les directives WCAG pour indiquer la lisibilité sur le fond choisi. Cela permet d’évaluer rapidement si les paires de couleurs répondent aux seuils d’accessibilité pour le texte du corps et les éléments UI. Sa valeur unique réside dans les conversions croisées intégrées avec des métriques d’accessibilité, utiles pour la tokenisation dans les design systems et les pipelines CSS. Les fonctionnalités clés incluent l’analyse des entrées, les conversions bidirectionnelles, la prise en charge de l’alpha, les calculs de luminance et de contraste, et une validation explicite avec des retours exploitables. Cas d’utilisation typiques : sélectionner des combinaisons texte/fond accessibles, exporter les valeurs couleur en variables CSS et auditer des palettes pour la cohérence entre produits.

Comment utiliser

  1. Saisissez la couleur en RGB (R 0–255, G 0–255, B 0–
  2. ou HEX (#RRGGBB ou #RRGGBBAA) ou HSL (H 0–360, S 0–100, L 0–
  3. . Exemple : RGB 128,64,255; HEX #8040FF; HSL 260,60,
  4. Optionnel : définissez l’alpha (0–
  5. et la couleur d’arrière-plan pour l’évaluation du contraste.
  6. Lancez le calcul : déclenchez les conversions et calculs pour obtenir tous les formats et les résultats de contraste.
  7. Consultez les sorties : voyez RGB, HEX, HSL, alpha, luminance et ratio de contraste; évaluez par rapport aux seuils.
  8. Utilisez les résultats : exportez en variables CSS ou tokens et utilisez-les dans la conception et l’implémentation.
How to use rgb color tester

Frequently Asked Questions

Trouvez des réponses rapides

Quels formats sont pris en charge ?
Les entrées peuvent être fournies en RGB (trois entiers 0–255), HEX (#RRGGBB ou avec alpha #RRGGBBAA), ou en HSL (h 0–360, s 0–100, l 0–100). L’outil effectue les conversions entre les formats, normalise les valeurs et affiche tous les formats, l’alpha étant conservé si fourni.
Comment le contraste est-il calculé ?
Le contraste utilise le calcul de luminance WCAG. Il convertit la couleur en valeurs lumineuses linéaires, calcule la luminance relative, puis le rapport entre le premier plan et le fond choisi. Ce rapport est indiqué et comparé aux seuils d’accessibilité (par ex. 4,5:1 pour le texte du corps).
Puis-je tester l’accessibilité sur plusieurs arrière-plans ?
Le testeur accepte une seule couleur d’arrière-plan par évaluation. Vous pouvez répéter les vérifications avec différentes valeurs d’arrière-plan pour comparer les résultats et guider les sélections de paires de couleurs pour des surfaces communes.
Et si les entrées sont invalides ?
Des entrées hors des plages valides génèrent des erreurs de validation. Par exemple RGB > 255 ou négatif, teinte hors 0–360 ou alpha hors 0–1. L’outil affiche des signaux d’erreur précis indiquant quel champ corriger.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Register Free Account

Related Tools

Other useful calculators and utilities you might like

Color & Design Tools

Convertisseur Spotify vers MP3

Convertit des fichiers audio fournis localement en MP3, permettant l’écoute hors ligne et la compati...

Color & Design Tools

Calculateur de distance routière

Calculateur de distance routière pour voyageurs, planificateurs logistiques et conducteurs pour esti...

Color & Design Tools

Calculateur d’âge

Déterminez rapidement l’âge d’une personne à partir de sa date de naissance avec notre calculateur e...

Color & Design Tools

Convertisseur de devises

Convertissez rapidement des montants entre différentes monnaies avec notre convertisseur de devises...

Votre avis compte

Aidez-nous à nous améliorer