Formule de conversion HSL en RVB
Formula
Utilisez le secteur de teinte (0 à 6) avec les formules de chrominance et de décalage X selon le module de couleur CSS du W3C.
Variables
- R, V, B
- Canaux sRVB (0 à 255 ou 0 à 1 normalisé)
- H, S, L
- Teinte (degrés), saturation et luminosité (0–1) en HSL
- L
- Luminance relative (WCAG) ou luminosité en HSL/OKLCH
FAQ
- La formule de conversion HSL en RVB est-elle précise pour les flux de travail d'impression ?
- L'écran RVB et l'impression CMJN utilisent des gammes différentes. Traitez les conversions comme des preuves approximatives ; calibrer avec des profils ICC pour l’impression commerciale.
- Puis-je utiliser cette formule en CSS ?
- Le CSS moderne prend en charge color-mix(), oklch() et lab() pour de nombreuses opérations. Pour les pipelines complexes, calculez en JavaScript et exportez les variables CSS.
- Color DevByte télécharge-t-il mes couleurs ?
- Non. Les pages de référence sur les formules sont une documentation statique ; les outils interactifs fonctionnent à 100 % côté client dans votre navigateur.
Aperçu
Convertissez les coordonnées cylindriques HSL en sRGB pour la sortie CSS.
Color DevByte documente cette formule pour les développeurs, les concepteurs et les réviseurs d'accessibilité qui ont besoin de calculs de couleurs reproductibles sans envoyer de données à un serveur.
Utilisez les outils de couleur liés pour appliquer cette formule de manière interactive avec un aperçu en direct et une exportation multiformat.
Quand utiliser cette formule
Appliquez la formule de conversion hsl en rgb lors de la création de jetons de conception, de la validation du contraste WCAG ou de l'automatisation des pipelines de couleurs dans CSS, Tailwind ou JSON du système de conception.
Pour l’interface utilisateur de production, vérifiez toujours les résultats avec un vérificateur de contraste ou un aperçu visuel : les cas extrêmes de correction gamma et de mappage de gamme peuvent modifier les résultats.
Notes de mise en œuvre
Les outils basés sur un navigateur doivent linéariser sRGB avant les calculs de luminance ou de ΔE.
Préférez l'interpolation OKLCH ou LAB pour les dégradés et les thèmes afin d'éviter les points médians grisâtres courants dans les mélanges RVB.