RGB Code Tool

Un outil couleur précis qui convertit RGB en hex et en HSL, affiche les résultats et analyse la luminance et le contraste pour des choix UI accessibles.

Tool coming soon!

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

Request Feature / Support
1,572+
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

L’Outil Code RGB est une calculatrice orientée domaine pour les ingénieurs couleur, les développeurs front-end et les concepteurs UX travaillant avec des valeurs de couleur numériques. Il accepte des triplets RGB, des codes hex et une alpha optionnelle, et renvoie des représentations précises dans des formats courants. En fournissant des conversions couleur par couleur, il aide à assurer une cohérence de la marque et une UI accessible dans les projets web et d’application. Il vise les flux de travail où la fidélité des couleurs et la compatibilité inter-format sont critiques. La logique centrale repose sur des conversions de couleur robustes et des vérifications perceptuelles. Les conversions couvrent RGB→Hex, Hex→RGB et RGB→HSL, en utilisant une correction gamma sRGB standard. La luminance relative est calculée selon des formules de linéarisation établies, et les rapports de contraste sont calculés par rapport à un arrière-plan choisi selon les directives WCAG. Les résultats sont déterministes et adaptés au code, aux spécifications de design et à la documentation QA. Les entrées comprennent: R, G, B entiers 0–255; alpha optionnel 0–1 et valeurs hexadécimales avec ou sans le #. Les sorties incluent: chaînes hex (6 chiffres), rgb(a), valeurs hsl, luminance et ratio de contraste. L’outil valide les valeurs, normalise les entrées légèrement hors de la plage et fournit des conversions précises même lorsque l’alpha est omis. Cas d’usage: révisions d’accessibilité, thématisation des couleurs, audits de palettes de marque et pipelines UI. L’avantage unique réside dans la combinaison de formats multiples avec des métriques perceptuelles dans un seul calcul, pour des décisions de couleur reproductibles entre équipes.

Comment utiliser

  1. Fournir les entrées: saisir R, G, B (0–
  2. ou le code hex.
  3. Choisir les représentations cibles: RGB, hex et/ou HSL.
  4. Lancer le calcul: l’outil calcule la luminance et le contraste par rapport à un fond choisi.
  5. Examiner les sorties: hex, rgb(a), hsl, luminance et rapport de contraste affichés.
  6. Optionnel: exporter ou copier les résultats pour le code ou les spécifications de design.
How to use rgb code tool

Frequently Asked Questions

Trouvez des réponses rapides

Quelles entrées l’outil accepte-t-il ?
Vous pouvez fournir des valeurs R, G, B entières (0–255) ou une chaîne couleur hexadécimale avec ou sans le #. Un canal alpha facultatif (0–1) peut s’appliquer aux sorties rgba/hsla. La validation repère les entrées mal formées ou hors plage.
Quelles sorties sont disponibles ?
Les sorties incluent des chaînes hex, des chaînes rgb(a) et des valeurs hsl, plus la luminance relative calculée et un ratio de contraste WCAG par rapport à un arrière-plan donné. Les formats sont prêts pour CSS et une utilisation directe en code.
Comment les luminance et le contraste sont-ils calculés ?
La luminance utilise la correction gamma sRGB: linéarisez chaque canal, puis calculez L = 0,2126R + 0,7152G + 0,0722B. Le contraste est (L1+0,05)/(L2+0,05) avec L1 ≥ L2, selon les directives WCAG. Les valeurs s’appliquent au premier plan et à l’arrière-plan.
Le outil prend-il en charge le traitement par lots ?
Actuellement, l’outil se concentre sur une couleur à la fois. Pour plusieurs couleurs, répétez l’opération ou utilisez une API/batch en dehors de cette interface. Des options d’export sont disponibles pour les résultats individuels.

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