Quelle est la différence entre HEX, RGB et HSL ?

HEX = Hexadécimal (#FF0000 pour le rouge). RGB = Rouge, Vert, Bleu (0-255 chacun). HSL = Teinte (0-360°), Saturation (0-100%), Luminosité (0-100%). Tous représentent la même couleur différemment.

Comment utiliser le sélecteur de couleur ?

Cliquez sur le carré de couleur pour ouvrir le sélecteur de couleur de votre navigateur. Toute couleur que vous choisissez est convertie automatiquement entre HEX, RGB et HSL. Vous pouvez également saisir le code HEX manuellement.

Pourquoi les développeurs ont-ils besoin de conversion de couleurs ?

CSS accepte les formats HEX, RGB et HSL. Figma/Photoshop utilise le HEX. Tailwind/Bootstrap utilisent le HEX. Les API nécessitent parfois le RGB. Avoir tous les formats visibles fait gagner du temps et évite les erreurs.

Que signifie la teinte en HSL ?

Teinte = position sur le cercle chromatique : 0° = rouge, 60° = jaune, 120° = vert, 180° = cyan, 240° = bleu, 300° = magenta, 360° = rouge à nouveau. Cela vous permet de changer facilement la couleur de base.

Comment créer une palette de couleurs cohérente ?

Utilisez HSL : choisissez une teinte de base (par ex., 217° pour le bleu). Pour les arrière-plans : L=95%. Pour les éléments principaux : L=50%. Pour le texte : L=20%. Gardez S et H constants, faites varier L — palette cohérente instantanée.

Quelle est la couleur #3b82f6 ?

#3b82f6 est le Blue-500 de Tailwind CSS. C'est un bleu vif largement utilisé pour les boutons et les liens. RGB : 59,130,246. HSL : 217°, 91%, 60%.

Convertisseur de Couleurs

Convertissez entre HEX, RGB, HSL

Color

📖 Guide d'Utilisation

Convertissez les couleurs entre les formats HEX, RGB et HSL avec un aperçu en direct. Choisissez une couleur à l'aide du sélecteur de couleur du navigateur ou saisissez un code HEX — obtenez les valeurs converties instantanément.

HEX est le format le plus courant en CSS et HTML. RGB est utilisé en CSS et dans les éditeurs d'images. HSL (Teinte, Saturation, Luminosité) est plus intuitif pour les humains — ajustez la couleur, l'intensité et la luminosité séparément.

Pour les développeurs : Convertissez les couleurs de conception de Figma/Photoshop (HEX) vers CSS (RGB ou HSL). Pour les designers UI : Essayez différentes couleurs et copiez le format approprié. Pour toute personne travaillant avec les couleurs.

Exemple : Bleu #3B82F6 → RGB : 59,130,246 → HSL : 217°, 91%, 60%. Rouge #FF0000 → RGB : 255,0,0 → HSL : 0°, 100%, 50%. Fonctionne entièrement dans votre navigateur — aucune donnée téléchargée.

❓ Frequently Asked Questions

Answers to the most common questions

🔗 Share this tool

Share this free tool with friends — no signup required

Convertisseur de Couleurs

📖 Guide d'Utilisation

❓ Frequently Asked Questions

🔗 Related Tools

🔗 Share this tool