Convertisseur de Couleurs
Convertis les couleurs entre les formats RGB, HEX et HSL. Convertisseur de couleurs gratuit avec aperçu et copie en un clic pour designers et développeurs.
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
Valeurs RGB
59
Rouge
130
Vert
246
Bleu
Valeurs HSL
217deg
Teinte
91%
Sat
60%
Lum
🔒 Calculatrices rapides et gratuites dans votre navigateur. Sans téléchargement, 100% privé.
Dernière mise à jour: janvier 2026
Calculateurs Associés
Questions Fréquentes
Comment convertir HEX en RGB ?
Une couleur HEX comme #FF5733 se convertit en RGB en la divisant en paires : FF=255 (rouge), 57=87 (vert), 33=51 (bleu). Chaque paire est un nombre hexadécimal (0-FF) représentant 0-255 en décimal. Donc #FF5733 = RGB(255, 87, 51). Pour un HEX abrégé comme #F53, développez chaque chiffre : #FF5533. Ce convertisseur fait le calcul automatiquement—entrez simplement n'importe quel format et obtenez des résultats instantanés.
Quelle est la différence entre RGB et HSL ?
RGB (Rouge, Vert, Bleu) définit les couleurs en mélangeant des intensités lumineuses (0-255 chacune). HSL (Teinte, Saturation, Luminosité) est plus intuitif : la Teinte est la position sur le cercle chromatique (0-360°), la Saturation est l'intensité de la couleur (0-100%), et la Luminosité est la clarté (0-100%). HSL est plus facile pour les ajustements—pour éclaircir une couleur, augmentez simplement L. Pour désaturer, réduisez S.
Quand utiliser HEX vs RGB en CSS ?
Utilisez HEX (#FF5733) pour les couleurs statiques—c'est compact et universellement supporté. Utilisez RGB ou RGBA quand vous avez besoin d'opacité : rgba(255, 87, 51, 0.5) crée une couleur 50% transparente. HSL est excellent pour la manipulation programmatique des couleurs—ajuster la luminosité ou la saturation est simple. Le CSS moderne supporte les trois formats également, choisissez donc selon la lisibilité et si vous avez besoin du canal alpha.
Comment trouver la couleur complémentaire d'une couleur ?
Les couleurs complémentaires sont opposées sur le cercle chromatique, créant un contraste maximum. En HSL, ajoutez ou soustrayez simplement 180° de la teinte. Par exemple, si votre couleur a H=30° (orange), le complément est H=210° (bleu). Gardez S et L identiques. Rouge (#FF0000, H=0°) complète Cyan (H=180°). Ce convertisseur affiche les valeurs HSL, facilitant le calcul des compléments, triades (+120°) ou compléments divisés (+150°/+210°).
Pourquoi les couleurs apparaissent-elles différemment selon les écrans ?
Les écrans varient en gamut de couleurs (plage de couleurs affichables), calibration et technologie de dalle (IPS, OLED, TN). Une couleur comme #FF5733 est une valeur numérique précise, mais les moniteurs l'interprètent différemment selon leur profil couleur et paramètres. Pour une couleur cohérente, utilisez des moniteurs calibrés matériellement, concevez dans l'espace colorimétrique sRGB et testez sur plusieurs appareils. Les couleurs d'impression utilisent CMJN, avec une gamme plus réduite que RGB.