Convertisseur de Code Couleur
Color Code Converter est un outil en ligne gratuit qui convertit instantanément les valeurs de couleur entre différents formats utilisés dans le développement et la conception Web. Convertissez entre les couleurs HEXADÉCIMALES (#RRGGBB), RVB (rvb(r,v, b)), RGBA (rgba(r,v,b, a)), HSL (hsl(h,s%, l%)), HSLA et CSS nommées en un seul clic. Entrez une couleur dans n'importe quel format et obtenez toutes les autres représentations instantanément. Parfait pour les développeurs qui ont besoin de traduire les valeurs de couleur entre CSS, JavaScript, les outils de conception et les éditeurs d'images, ainsi que pour les concepteurs qui souhaitent convertir les sorties du sélecteur de couleurs dans des formats compatibles CSS.
Ce Qui Est
Color Code Converter traduit les valeurs de couleur entre les différents formats utilisés dans la conception numérique et le développement Web. Différents outils et contextes utilisent des notations de couleurs différentes, et ce convertisseur comble l'écart entre eux. Formats de couleur pris en charge: - HEXADÉCIMAL (#RRGGBB ou #RRGGBBAA): Le format de couleur Web le plus courant—une chaîne hexadécimale à six chiffres représentant les canaux Rouge, Vert et Bleu. Exemple: # FF6347 (Tomate) - RGB (rgb (255, 99, 71)): Notation fonctionnelle spécifiant les valeurs Rouges, Vertes et Bleues de 0 à 255. - RVBA (rvba)(255, 99, 71, 0.8)): RVB avec un canal alpha pour l'opacité (0.0-1.0). - HSL (hsl(9, 100%, 64%)): Teinte (0-360 degrés), Saturation (0-100%), Légèreté (0-100%). Plus intuitif pour les humains de raisonner sur les couleurs. - LSA (lsa(9, 100%, 64%, 0.8)): HSL avec canal Alpha. - Couleurs CSS nommées: 148 noms standard comme "tomate", "bleuet", "rebeccapurple". - HSVA, CMJN (conversions axées sur la conception) Pourquoi existe-t-il plusieurs formats de couleurs: - HEX est compact et universellement pris en charge en HTML / CSS - RGB correspond à la façon dont les écrans produisent de la couleur (lumière rouge + verte + bleue) - HSL est intuitif: ajustez la luminosité sans changer la teinte principale - RGBA / HSLA ajoute un contrôle de transparence - Les outils de conception (Figma, Sketch) utilisent souvent des formats différents de ceux requis par le code Précision de conversion: Toutes les conversions utilisent des formules mathématiques précises de la spécification CSS Color Module Level 4. Les conversions HSL↔RGB↔HEX sont sans perte pour les canaux de couleur 8 bits. Les valeurs du canal Alpha sont conservées exactement.
Comment utiliser
- Entrez votre valeur de couleur dans n'importe quel format pris en charge dans le champ de saisie. Vous pouvez taper un code hexadécimal (#FF6347), une valeur RVB(rvb (255,99,71)), une valeur HSL (hsl(9,100%, 64%)) ou même une couleur CSS nommée (tomate).
- L'outil détecte automatiquement le format que vous avez entré et affiche toutes les autres représentations en temps réel. Pas besoin de cliquer sur un bouton de conversion—les mises à jour se produisent instantanément lorsque vous tapez.
- Affichez les résultats de la conversion dans les panneaux de sortie. Chaque panneau affiche le nom du format, la syntaxe et la valeur formatée. Cliquez sur n'importe quel résultat pour le copier immédiatement dans votre presse-papiers.
- Utilisez le sélecteur de couleurs (icône pipette) pour sélectionner visuellement une couleur à partir de votre écran. La couleur choisie est immédiatement convertie dans tous les formats pris en charge.
- Vérifiez l'échantillon d'aperçu des couleurs pour confirmer la couleur réelle. L'aperçu affiche la couleur sur des arrière-plans clairs et sombres pour vous aider à évaluer la visibilité.
- Pour les conversions rgba/hsla, ajustez le curseur alpha pour voir comment les changements d'opacité affectent le code hexadécimal de sortie (format à 8 chiffres) et d'autres représentations.
Exemples
Entrée: HEXADÉCIMAL: # FF5733
Processus: DF=255, 57=87, 33=51
Résultat: RVB (255, 87, 51) / HSL(11, 100%, 60%)
Entrée: RVB (0, 128, 255)
Processus: 0=00, 128=80, 255=FC/H = 210, S = 100%, L = 50%
Résultat: SORTILÈGE: #0080FF / HSL(210, 100%, 50%)
Recherches Connexes
Les gens recherchent aussi : convertisseur de code couleur, hexadécimal à rvb, rvb à hsl, convertisseur de couleur.
convertisseur de code couleurhexadécimal à rvbrvb à hslconvertisseur de couleur
Questions Fréquemment Posées
Quelle est la différence entre les formats HEXADÉCIMAL et RVB?
HEXADÉCIMAL (#FF6347) et RVB(rvb (255, 99, 71)) représentent la même couleur mais utilisent une notation différente. HEX combine les trois canaux de couleur en un seul nombre hexadécimal à 6 chiffres (base 16). RVB exprime chaque canal séparément sous la forme d'un nombre décimal compris entre 0 et 255. HEX est plus compact et est le format par défaut dans la plupart des outils de conception et HTML. La notation fonctionnelle RVB/HSL est plus lisible et plus facile à manipuler par programmation en JavaScript (par exemple, ajuster la luminosité en HSL).
Dois-je utiliser HSL ou RGB pour mon CSS?
HSL est généralement préféré pour la manipulation programmatique des couleurs car il est plus intuitif. Avec HSL, vous pouvez assombrir une couleur en réduisant le pourcentage de luminosité ou décaler une couleur en modifiant la teinte, sans affecter les autres aspects. Avec RVB, la création d'une teinte plus foncée nécessite de réduire les trois canaux proportionnellement, ce qui est plus difficile à raisonner. Cependant, HEX reste le plus compact pour les valeurs de couleur statiques dans les feuilles de style.
Puis-je convertir des couleurs hexadécimales à 8 chiffres (avec alpha) vers d'autres formats?
Oui. les codes hexadécimaux à 8 chiffres (#RRGGBBAA) incluent le canal alpha. Par exemple, # FF634780 représente une tomate avec 50% d'opacité. L'outil les convertit en notation rgba (). Lors de la conversion de rgba() en hexadécimal, si alpha est inférieur à 1,0, la sortie sera au format hexadécimal à 8 chiffres. Vous pouvez également utiliser le curseur alpha pour ajuster la transparence en temps réel.
Comment puis-je convertir CMJN en RVB pour une utilisation Web?
CMJN (Cyan, Magenta, Jaune, Clé / Noir) est utilisé pour la conception d'impression. Pour convertir CMJN en RVB pour le Web / CSS, utilisez les champs de saisie CMJN (valeurs 0 à 100 pour chaque canal) et l'outil génère les valeurs RVB, HEXADÉCIMALES et HSL équivalentes. Remarque: CMJN et RVB ont des gammes de couleurs différentes—certaines couleurs d'impression n'ont pas d'équivalent exact à l'écran. La conversion fournit l'approximation RVB la plus proche.
L'outil prend-il en charge les formats de couleur CSS4 tels que LCH ou LAB?
L'outil prend en charge les formats les plus couramment utilisés (HEX, RGB, RGBA, HSL, HSLA, couleurs nommées). Le module de couleur CSS de niveau 4 a introduit LCH, LAB et OKLCH qui offrent des espaces colorimétriques plus uniformes sur le plan perceptuel. Pour la plupart des besoins de développement Web, HSL offre une uniformité perceptuelle suffisante. Si vous avez spécifiquement besoin d'une conversion LCH / LAB, des outils dédiés à la science des couleurs peuvent être plus appropriés.