Conçu sur une IA avancée exécutée sur votre appareil et l'accélération matérielle, pour des performances professionnelles sans compromis sur la confidentialité.IA sur votre appareil : performant et privé.
Convertisseur HSL vers RGB
HSL vers RGB pour le code : valeurs 8 bits exactes, sans envoi.
- Fonctionne sur votre appareil
- Lit deg, turn, grad et rad
- Aussi OKLCH, LAB et CMYK
Déposez une feuille de style ou un fichier de tokens
CSS, SCSS, SASS, LESS, JSON, SVG ou TXT — jusqu'à 10.0 MB
#FF4D4D
Nom de couleur le plus proche: tomato (Même famille, distance 6.4)
hsl(0 100% 65.1%)rgb(255 77 77)- HEX
#FF4D4D - RGB
rgb(255 77 77) - HSL
hsl(0 100% 65.1%) - HWB
hwb(0 30.2% 0%) - HSV
hsv(0 69.8% 100%)Pas du CSS - CMYK
cmyk(0% 69.8% 69.8% 0%)Pas du CSS - LAB
lab(59.906 67.771 41.299) - LCH
lch(59.906 79.363 31.36) - OKLAB
oklab(0.673 0.19441 0.09082) - OKLCH
oklch(0.673 0.21457 25.04) - Display P3
color(display-p3 0.9239 0.3574 0.3319) - XYZ D65
color(xyz-d65 0.45232 0.27107 0.09872)
Contraste
- AA normalÉchec
- AA grandRéussi
- AAA normalÉchec
- AAA grandÉchec
- AA normalRéussi
- AA grandRéussi
- AAA normalÉchec
- AAA grandRéussi
- AA normalÉchec
- AA grandRéussi
- AAA normalÉchec
- AAA grandÉchec
Nuance conforme la plus proche — #E22D35 atteint 4.51:1 face à votre couleur de comparaison.
Vision des couleurs
L'apparence de cette couleur pour les personnes ayant chaque type de déficience de la vision des couleurs.
- Vision typique
- Protanopie
- Deutéranopie
- Tritanopie
- Aucune vision des couleurs
Toute syntaxe de couleur CSS, plus cmyk() et hsv().
Les valeurs saisies ici restent en place, même quand la couleur n'a aucune teinte pour les afficher.
Comment convertir HSL en RGB
Saisir le HSL
Teinte (0–360°), saturation et luminosité (0–100 %).
Voir le RVB
Rouge, Vert et Bleu (0–255 chacun) sont calculés et affichés.
Copier ou utiliser
Copiez les valeurs RVB pour le CSS, vos logiciels ou le code.
Pourquoi convertir HSL en RVB ?
Passer du HSL au RVB assure la compatibilité web, un contrôle précis par canal, facilite le design et représente fidèlement les couleurs à l’écran.
Avantages du RVB
- Développement web : Valeurs RVB en CSS et sur le web
- Contrôle précis : Accès aux canaux rouge, vert et bleu
- Outils de design : Compatible avec les logiciels courants
- Manipulation : Agir sur chaque canal séparément
- Support large : Reconnu sur les plateformes numériques
HSL vs RVB : les différences
Comparer HSL et RVB aide à choisir le bon format.
Caractéristiques du HSL
- Modèle teinte, saturation, luminosité
- Représentation intuitive
- Luminosité et saturation faciles à ajuster
- Courant dans les outils de design
- Souvent plus parlant pour choisir une couleur
Caractéristiques du RVB
- Valeurs Rouge, Vert, Bleu
- Chaque composante de 0 à 255
- Contrôle précis des canaux
- Standard pour le design numérique
- Compatible avec tous les outils de design
La teinte boucle, et le gris n'en a pas
La teinte est un angle, et les angles se comportent autrement que les deux autres canaux — avec des résultats surprenants si on les prend pour des nombres ordinaires.
- 0 et 360 sont le même point — 720 aussi, et -60 également, qui vaut 300. Toute teinte est ramenée à un tour complet : c'est pourquoi une valeur très en dehors de 0-360 donne quand même une couleur sensée.
- Quatre unités sont acceptées — 120, 120deg, 0.333turn, 133.33grad et 2.094rad désignent la même teinte. Les outils de design et CSS en utilisent plusieurs, et coller la mauvaise est une erreur courante que cette page absorbe.
- À 0 % de saturation la teinte ne fait rien — Toutes les teintes donnent le même gris. Ici la teinte n'est pas perdue : elle reste dans le champ, pour qu'augmenter la saturation vous mène où vous vouliez.
- Le résultat est arrondi à 8 bits — Les canaux RGB sont des entiers de 0 à 255, donc deux valeurs HSL très proches peuvent donner le même triplet. C'est une propriété de la cible, pas de la conversion.
Quand convertir HSL en RVB
Quand vous avez besoin d’un contrôle précis, de compatibilité logicielle ou d’un flux basé RVB.
Cas d’usage typiques
- Développement web : RVB en CSS et JavaScript
- Logiciels de design : Convertir pour les applications RVB
- Manipulation : Ajuster chaque canal
- Projets numériques : Représentation fidèle à l’écran
- Programmation : RVB dans le code et les scripts
À savoir sur HSL → RVB
Repères pour des choix éclairés.
Points clés
- HSL : teinte 0–360°, saturation et luminosité 0–100 %
- RVB : rouge, vert et bleu de 0 à 255
- La conversion conserve la couleur
- Le HSL facilite souvent le choix des teintes
- Le RVB est précis pour le contrôle par canal
Bonnes pratiques
Pour des conversions HSL → RVB fiables.
Qualité
- Vérifiez les valeurs HSL avant conversion
- Respectez la teinte 0–360°, S et L : 0–100 %
- Contrôlez la cohérence du RVB obtenu
- Testez dans l’application cible
- Tenez compte de l’espace colorimétrique et du gamut
Quand ne pas convertir
- Si le HSL suffit pour votre usage
- Gardez le HSL dans les outils qui le gèrent nativement
- Évitez la conversion si le format n’a pas d’importance
- Ne convertissez pas si la cible prend le HSL en entrée
Limites et compatibilité
Exécution dans l'appareil ; JavaScript et appareil récent requis.
Propulsé par des algorithmes de traitement d'image optimisés.
Les autres convertisseurs de couleur
Questions fréquentes
Comment fonctionne le convertisseur HSL vers RVB ?
Saisissez une teinte de 0 à 360 degrés ainsi que les pourcentages de saturation et de luminosité, et l’outil applique la formule standard HSL vers RVB pour calculer chaque canal. Les valeurs rouge, vert et bleu de 0 à 255 et un aperçu en direct se mettent à jour instantanément.
Quelles sont les plages de valeurs HSL ?
La teinte est un angle sur la roue chromatique de 0 à 360 degrés, où 0 est rouge, 120 vert et 240 bleu. La saturation et la luminosité sont des pourcentages de 0 à 100 : la saturation règle l’intensité et la luminosité va du noir à la teinte pure, puis au blanc.
Pourquoi convertir le HSL en RVB ?
Le HSL est intuitif pour choisir et ajuster une couleur, car vous modifiez teinte, saturation et luminosité séparément, mais les écrans et de nombreuses API attendent du RVB. La conversion permet de concevoir en HSL puis d’exporter des valeurs RVB prêtes pour le CSS, le canvas et d’autres flux.
La conversion HSL vers RVB est-elle exacte ?
Oui. Elle utilise le standard HSL vers RVB défini mathématiquement, la même couleur est donc représentée fidèlement dans les deux formats. Les valeurs de canal sont arrondies à l’entier le plus proche de 0 à 255, la précision exacte utilisée par les écrans et le CSS.
Mes couleurs restent-elles privées ?
Oui. Tout le calcul s’effectue localement dans votre appareil : les entrées HSL et la sortie RVB ne sont jamais envoyées à un serveur ni stockées. Rien ne quitte votre appareil, ce qui garde votre palette et vos couleurs de projet privées, même sur des créations non publiées.
Est-ce gratuit et puis-je utiliser les valeurs RVB en CSS ?
Oui. Le convertisseur est gratuit (jusqu’à 200 couleurs par conversion avec l’offre gratuite ; Pro lève la limite) et fonctionne sur tout appareil récent sur ordinateur et mobile, même hors ligne une fois chargé. Copiez les valeurs RVB en un clic et collez-les dans une déclaration rgb() en CSS, ou dans un logiciel de design.
sur 298 notes
Notez cet outil
Touchez une étoile — c’est rapide