Préparer une palette de couleurs
Créer des ombres à partir d'un HEX couleur et obtenir leur RGB et HSL valeurs.
- Créer les nuances
- Convertir une couleurVoilà
Obtenez les valeurs HEX, RGB et HSL d’une couleur.
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 →Traduire une couleur opaque entre les représentations utilisées dans CSS et le design.
#ff0000
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 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.
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.
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.
Créer des ombres à partir d'un HEX couleur et obtenir leur RGB et HSL valeurs.
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.