Catégorie: Développement
Convertisseur de couleurs HEX RGB HSL
Une couleur, trois notations CSS : HEX, RGB et HSL, avec aperçu
Collez une valeur HEX, RGB ou HSL, ou utilisez le sélecteur, et obtenez les trois notations CSS avec un aperçu. Tout est converti dans votre navigateur.
Tout sur cette page est traité dans votre navigateur. Rien n'est envoyé.
À quoi sert cet outil
Cet outil convertit une couleur entre les trois notations que l'on écrit réellement en CSS : HEX, RGB et HSL. Vous collez un hexadécimal court comme #FA0 ou complet comme #FFAA00, vous saisissez les canaux de rgb() ou les valeurs de teinte, saturation et luminosité de hsl(), ou vous ouvrez le sélecteur de couleur natif ; le champ texte reste modifiable. L'outil lit les trois premiers canaux et renvoie le HEX, le RGB et le HSL normalisés avec un aperçu coloré. Si la valeur ne peut pas être analysée, un statut de couleur invalide s'affiche plutôt qu'un résultat approximatif. Les limites méritent d'être dites, car les pages françaises qui visent ces requêtes ajoutent souvent bien davantage. L'alpha d'abord : rgba() et hsla() sont acceptés en entrée, mais la transparence est ignorée et n'apparaît jamais en sortie, donc ni RGBA ni hexadécimal à huit chiffres. Pas de CMJN ni de conversion pensée pour l'impression, pas de HSV, Lab, LCH ou OKLCH, pas de profils colorimétriques, et les noms de couleurs CSS ne sont pas acceptés en entrée. Il n'y a pas non plus de génération de palettes, pas de vérification de contraste WCAG, pas de pipette, pas d'import d'image, pas de conversion par lot ni de téléchargement de fichier. Les valeurs saisies et leurs conversions restent dans votre navigateur et ne sont jamais envoyées à LocalTools.
Mode d'emploi
- Collez une valeur HEX, RGB ou HSL, ou choisissez une couleur avec le sélecteur natif.
- Les trois premiers canaux sont analysés et convertis en HEX, RGB et HSL normalisés.
- Vérifiez l'aperçu, copiez la notation voulue et surveillez le statut si la valeur est invalide.
Confidentialité
Cet outil fonctionne entièrement dans votre navigateur. Ce que vous saisissez n'est jamais envoyé, stocké ni partagé : fermer l'onglet suffit à tout effacer.
Questions fréquentes
- Qu'est-ce qu'un convertisseur couleur ?
- C'est un outil qui réécrit une même couleur d'écran dans plusieurs notations. Ici le périmètre est volontairement limité à HEX, RGB et HSL, les trois formats CSS, avec un aperçu pour vérifier le rendu.
- Comment convertir une couleur HEX en RGB ?
- Collez le code hexadécimal, avec ou sans dièse : chaque paire de chiffres devient un canal de 0 à 255. Les équivalents RGB et HSL s'affichent aussitôt à côté de l'aperçu.
- Puis-je coller un HEX à 3 chiffres comme #FA0 ?
- Oui. La forme courte est développée en doublant chaque chiffre, #FA0 équivaut donc à #FFAA00, et la sortie est toujours normalisée sur six chiffres.
- Pourquoi utiliser HSL pour une couleur ?
- Parce que la teinte, la saturation et la luminosité se règlent à la main plus intuitivement que trois canaux RVB. C'est la même couleur, écrite autrement, et l'outil vous donne les trois écritures en même temps.
- Le CMJN, le HSV ou la transparence sont-ils gérés ?
- Non. Seuls HEX, RGB et HSL sont convertis. Le CMJN relève de l'impression, le HSV, le Lab, le LCH et l'OKLCH sont hors périmètre, et l'alpha d'un rgba() est ignoré : la sortie ne contient jamais de transparence.