Convertisseur de Couleurs
Convertisseur de format de couleur à trois voies : saisissez n'importe quel champ et HEX, RVB et HSL se mettent tous à jour instantanément. L'échantillon d'aperçu en direct affiche la couleur au fur et à mesure que vous tapez. Cliquez sur Copier à côté de n'importe quel champ pour récupérer la valeur du CSS ou des outils de conception.
Comment convertir les formats de couleur
Entrez n'importe quelle valeur de couleur pour commencer
Tapez ou collez une valeur de couleur dans l'un des trois champs : HEX, RVB ou HSL. Les deux autres se mettent à jour au fur et à mesure que vous tapez sans appuyer sur Entrée ni cliquer sur un bouton. L'échantillon d'aperçu sur la gauche montre le résultat en direct. Cliquez sur Copier à côté de n'importe quel champ pour copier la valeur formatée directement dans votre presse-papiers, prête à être collée dans CSS ou dans un outil de conception.
Codes HEX — la norme CSS
Les couleurs HEX utilisent six chiffres hexadécimaux préfixés par #, Par exemple #FF5733. Chaque paire de chiffres représente un canal rouge, vert ou bleu sur une échelle allant de 00 (aucun) à FF (pleine intensité). Un raccourci à trois chiffres comme #FFF ou #ABC est également accepté et automatiquement développé. HEX est le format le plus courant dans les attributs CSS, HTML et les outils de conception tels que Figma, Sketch et Adobe XD.
RVB – valeurs des canaux rouge, vert et bleu
RVB spécifie l'intensité de la lumière rouge, verte et bleue à l'aide d'entiers compris entre 0 et 255. Le format CSS est rgb(R, G, B), Par exemple rgb(255, 87, 51). Ce format correspond directement à la manière dont le matériel d'affichage restitue les couleurs et est pratique lors de la transmission de valeurs de couleur à JavaScript, aux API de dessin Canvas 2D ou à un code de traitement d'image qui attend des composants de canal séparés.
HSL — teinte, saturation, luminosité
HSL représente une couleur sous forme de teinte (0 à 360 °, la position angulaire sur la roue chromatique), de saturation (0 à 100 %, la vivacité de la couleur) et de luminosité (0 à 100 %, du noir pur en passant par la couleur jusqu'au blanc pur). Le format CSS est hsl(H, S%, L%), Par exemple hsl(11, 100%, 60%). HSL est préféré lors de la génération de palettes de couleurs, car l'ajustement de la teinte modifie la famille de couleurs tandis que la luminosité et la saturation globales restent constantes.
FAQ
Quels formats de couleurs ce convertisseur prend-il en charge ?
L'outil convertit entre HEX (hexadécimal comme #FF5733), RVB (rgb(255, 87, 51)) et HSL (hsl(11, 100%, 60%)). Les trois champs sont mis à jour simultanément chaque fois que l'un d'entre eux change.
Comment convertir un code HEX en RVB ?
Collez votre code HEX — avec ou sans le # préfixe — dans le champ HEX. Les champs RVB et HSL sont mis à jour immédiatement. Cliquez sur Copier à côté du champ RVB pour récupérer la valeur formatée à utiliser en CSS ou JavaScript.
Quelle est la différence entre RVB et HSL ?
RVB mélange la lumière rouge, verte et bleue (0 à 255 chacune), correspondant directement à la manière dont les écrans restituent les couleurs. HSL décrit la même couleur que la teinte (position de la roue chromatique, 0 à 360°), la saturation (vivant, 0 à 100 %) et la luminosité (luminosité, 0 à 100 %). HSL est plus intuitif pour créer des palettes, car la rotation de la teinte modifie la couleur tout en gardant constante sa luminosité et sa richesse globales.
Puis-je saisir un court code HEX à trois chiffres ?
Oui. Le raccourci à trois chiffres est automatiquement développé : #FFF devient #FFFFFF, #ABC devient #AABBCC, et #000 devient #000000. Les formulaires à 3 et 6 chiffres sont acceptés avec ou sans interligne #.
Mes couleurs sont-elles téléchargées sur un serveur ?
Non. Toutes les conversions s'exécutent entièrement dans votre navigateur à l'aide de JavaScript. Aucune valeur de couleur, donnée d'entrée ou information d'utilisation n'est envoyée à un serveur. L'outil fonctionne hors ligne une fois la page chargée.