Comment convertir les couleurs entre HEX, RVB et HSL
Les concepteurs et développeurs Web travaillent souvent avec des couleurs dans différents formats dans les projets, les systèmes de conception et les outils. Que vous basculiez entre une maquette de conception en HSL, un fichier CSS utilisant RVB ou une directive de marque dans HEX, savoir comment convertir rapidement entre ces formats permet de gagner du temps et d'éviter les erreurs.
Comprendre les trois principaux formats de couleurs
La notation HEX (hexadécimale) représente les couleurs sous forme de codes à six caractères comme #FF5733, où les paires de caractères définissent l'intensité du rouge, du vert et du bleu. RVB (rouge, vert, bleu) utilise des valeurs décimales comprises entre 0 et 255 pour chaque canal de couleur, par exemple : rgb(255, 87, 51). HSL (teinte, saturation, luminosité) décrit la couleur en utilisant un angle de teinte (0-360°), un pourcentage de saturation (0-100 %) et un pourcentage de luminosité (0-100 %), écrit sous la forme hsl(9, 100%, 60%).
Pourquoi convertir entre les formats
Différents outils et contextes favorisent différents formats. Les concepteurs travaillent souvent en HSL car il est intuitif pour ajuster la luminosité et la saturation. Les développeurs Web utilisent RVB ou HEX dans les feuilles de style CSS. La production d’impression peut nécessiter un espace colorimétrique différent. La conversion vous permet de déplacer le travail entre les outils sans re-spécifier manuellement les couleurs.
Comment fonctionne la conversion
La conversion entre formats implique des relations mathématiques. HEX-to-RGB est simple : divisez les six caractères en trois paires et convertissez chacun d'entre eux de l'hexadécimal (base 16) en décimal (base 10). La conversion RVB vers HSL est plus complexe : elle recherche les valeurs de canal maximales et minimales, puis en déduit la teinte, la saturation et la luminosité. Les processus inverses appliquent des mathématiques inverses pour revenir en arrière.
Conversion des couleurs en ligne
Le calcul manuel est sujet aux erreurs pour les conversions répétées. Utiliser Convertisseur de couleurs pour transformer instantanément entre HEX, RVB et HSL. Collez une couleur dans n'importe quel format et voyez les équivalents dans tous les autres, éliminant ainsi le besoin de comprendre les mathématiques vous-même.
Assurer des choix de couleurs accessibles
Une fois que vous avez converti une couleur, vérifiez qu'elle répond aux normes d'accessibilité en utilisant Vérificateur de contraste pour confirmer un contraste suffisant avec votre texte. Si vous avez besoin d'inspiration pour le design, Générateur de couleurs aléatoires produit de nouvelles palettes que vous pouvez ensuite convertir dans votre format préféré.
Confidentialité : les couleurs restent sur votre appareil
Le convertisseur de couleurs traite chaque conversion dans votre navigateur : aucune donnée n'est envoyée à un serveur. Vos palettes de couleurs, vos conceptions en cours et les spécifications de votre marque restent privées sur votre appareil. L'outil fonctionne hors ligne après le chargement de la page, vous pouvez donc continuer à convertir les couleurs sans accès à Internet.