Convertir des couleurs

Obtenez les valeurs HEX, RGB et HSL d’une couleur.

Vos fichiers sont traités ici, sur votre appareil

Nous n'envoyons pas votre fichier ou le contenu du texte à un serveur de traitement. Aucun compte n'est nécessaire et il n'y a pas de quota d'opération quotidien. Les outils individuels ont des limites de taille pour protéger la mémoire de votre appareil.

Une connexion est nécessaire pour charger le site et ses ressources. L'hébergement peut recevoir des données de visite technique. Les favoris stockent uniquement les identifiants d'outils dans ce navigateur.

Comment nous traitons vos données →

Comment utiliser cet outil

  1. Sélectionnez HEX, RGB ou HSL comme format d'entrée.
  2. Entrez une couleur opaque en utilisant des valeurs pour ce format.
  3. Comparez les valeurs d'aperçu et arrondies avant de les utiliser dans un design.

Un exemple que vous pouvez vérifier

Traduire une couleur opaque entre les représentations utilisées dans CSS et le design.

Exemple d'entrée

#ff0000

ParamètresFormat d'entrée: HEX.

Résultat attendu

HEX #FF0000; RGB rgb(255, 0, 0); HSL hsl(0, 100%, 50%).

Un canal alpha n'est pas traité. RGB canaux et HSL Les valeurs sont arrondies comme décrit par la conversion.

Convertir des couleurs: usages et conseils pratiques

Convertir les couleurs entre HEX, RGB et HSL exprime le même choix dans la notation utilisée par un éditeur ou une feuille de style. HEX encode les canaux avec des chiffres hexadécimaux, RGB décrit le rouge, le vert et le bleu, et HSL décrit la teinte, la saturation et la légèreté. L'outil transforme ces représentations dans ses formats acceptés. Il ne modifie pas une image entière ni n'analyse les couleurs d'une photo téléchargée. Fournissez une valeur de couleur plutôt qu'un fichier visuel.

Vérifiez le format d'entrée sélectionné avant de coller. Court HEX a trois chiffres et plein HEX Il en a six. RGB Les canaux vont de zéro à deux cent cinquante cinq. HSL les pourcentages d'utilisation de saturation et de légèreté dans leur plage prise en charge. Les canaux alpha et autres notations d'espaces de couleurs ne doivent pas être considérés comme compatibles lorsque le formulaire ne spécifie que ces formats. Une valeur valide dans un autre outil de conception peut nécessiter une représentation prise en charge avant la conversion ici.

La sortie HSL est arrondie, de sorte qu'un aller-retour peut ne pas reproduire exactement chaque composant initial. Conserver une valeur de référence lorsque le travail de marque nécessite une spécification particulière. L'apparence dépend également de l'affichage et du contexte; changer la notation ne garantit pas l'équivalence d'impression ou ne préserve pas les profils de couleur professionnels. Utilisez un flux de travail de gestion des couleurs approprié pour les documents imprimés plutôt que de traiter un aperçu de l'écran comme preuve que chaque reproduction correspondra.

Revoir le code et prévisualiser par rapport à l'arrière-plan prévu. Deux couleurs attrayantes peuvent avoir un contraste insuffisant ensemble. Ce convertisseur n'évalue pas l'accessibilité ou ne vérifie pas les rapports de contraste. La palette de couleurs génère des variantes plus claires et plus sombres à partir d'une base. Stockez les valeurs avec leurs rôles, tels que l'arrière-plan, le texte ou l'accent, pour éviter d'échanger des codes techniquement valides qui servent à des fins différentes dans la conception. Le contexte de réception détermine si la représentation convertie est utile.

Un contrôle pratique avant d’utiliser le résultat

Pour une feuille de style, copiez un échantillon dans chaque notation acceptée et confirmez la couleur prévue dans le navigateur de destination. Conserver la référence d'origine lorsque la sortie HSL est arrondie. Vérifiez la transparence séparément car ces canaux n'incluent pas automatiquement alpha. Testez la couleur à côté de la typographie et des arrière-plans réels plutôt que de déduire le contraste d'un numéro HEX. Stockez les valeurs et les rôles dans une référence partagée lorsque plusieurs pages suivent une identité. La notation valide facilite l'entrée des couleurs, mais l'utilisation nécessite toujours des décisions visuelles et des vérifications contextuelles. Comparez l'élément implémenté, et pas seulement un échantillon isolé, pour déterminer si la valeur convertie préserve l'effet prévu sur l'ensemble de la conception.

Continuez votre tâche

Téléchargez le résultat ou copiez le texte avant d'ouvrir un autre outil. Ensuite, chargez ou collez-le à l'étape suivante; le contenu n'est pas transféré automatiquement.

Préparer une palette de couleurs

Créer des ombres à partir d'un HEX couleur et obtenir leur RGB et HSL valeurs.

  1. Créer les nuances
  2. Convertir une couleurVoilà
Options et limites

Choisissez un format et entrez une couleur opaque. Par exemple : #3659D9, rgb(54, 89, 217) ou hsl(227, 68%, 53%). RGB les canaux sont arrondis à des entiers; HSL est arrondi en degrés et en pourcentages.

Guides