Convertisseur de couleurs

Ce Color converter gratuit traduit tes valeurs hex, rgb, hsl et cmyk à la volée. Colle un code pour voir les équivalents exacts dans tous les formats web, sans créer de compte.
Comment le Color converter parse les formats
Tu colles une chaîne comme #FF5733 ou rgb(255, 87, 51). L'outil normalise l'entrée en virant tous les espaces et en ignorant la casse avant de lancer les calculs. Ensuite, il mappe les valeurs sur une plage d'entiers standard de 0 à 255 pour le rouge, le vert et le bleu. À partir de cette base, il calcule la teinte, la saturation et la luminosité pour le HSL. Il dérive aussi les pourcentages de cyan, magenta, jaune et noir pour le CMYK.
Si tu veux convertir des formats couleur précisément, comprendre les entiers RGB de base est crucial. Les codes hex ne sont que des représentations en base 16 de ces entiers RGB. Les maths pour le HSL consistent à trouver les composants RGB maximum et minimum pour calculer la luminosité. Puis il utilise leur différence pour la saturation et la teinte. Le CMYK est soustractif. Tu prends les valeurs RGB, tu les inverses, et tu divises par la valeur inversée maximale. C'est de l'algèbre basique.
- Le hex accepte des chaînes de 3, 4, 6 ou 8 caractères.
- Les valeurs RGB doivent être comprises entre 0 et 255.
- La teinte HSL est un degré de 0 à 360.
- Le CMYK sort des pourcentages de 0 à 100.
Cas d'usage concrets pour un Color converter en ligne
Les designers refilent souvent des exports Figma avec des codes hex. Les devs frontend doivent les traduire en rgba pour les variables CSS ou en hsl pour ajuster les thèmes dynamiques. Tu peux aussi avoir besoin de convertir un nuancier CMYK d'impression en code hex lisible à l'écran. Ça permet de vérifier le rendu sur un moniteur avant d'envoyer les fichiers à l'imprimeur.
Débugger du CSS est un autre scénario classique. Tu repères une teinte bizarre dans les dev tools de ton navigateur. Copier cette valeur rgb calculée dans un Color converter gratuit te permet d'ajuster la luminosité en HSL. Ensuite, tu recolle le nouveau hex dans ta feuille de style. C'est aussi pratique pour les checks d'accessibilité. Tu choppes le code hex de ton texte et de ton fond. Puis tu vérifies les ratios de contraste.
Limites de l'outil Color converter
Cet outil gère les conversions d'espace colorimétrique sRGB standard. Il ne traite pas les espaces wide-gamut comme Display P3 ou Rec. 2020. Si tu bosses avec du contenu HDR ou des profils d'impression spécialisés, les sorties CMYK et RGB seront approximatives. Les calculs partent du principe d'un point blanc D65 standard.
Tu ne peux pas non plus convertir directement les couleurs CSS nommées. L'outil attend des valeurs numériques ou des chaînes hex. Taper rebeccapurple échouera. Tu dois d'abord chercher le code hex des couleurs nommées. Les canaux alpha dans les codes hex sont parsés. Mais les sorties CMYK et HSL n'incluent pas d'équivalent alpha.
Comment utiliser le Color converter
- Colle ta valeur hex, rgb, hsl ou cmyk dans le champ de saisie.
- Attends que l'outil parse la chaîne et calcule les entiers RGB de base.
- Lis les valeurs converties dans les champs de sortie adjacents.
- Copie le format spécifique dont tu as besoin pour ta stylesheet ou ton fichier de design.
- Vide le champ de saisie pour lancer une nouvelle conversion.
Référence des formats de couleur
Compare la structure et les plages typiques des modèles de couleur supportés.
| Format | Structure | Plage de valeurs |
|---|---|---|
| Hex | Chaîne en base 16 | 00 à FF par canal |
| RGB | Tuple d'entiers | 0 à 255 par canal |
| HSL | Degré et pourcentages | H: 0-360, S/L: 0-100 |
| CMYK | Tuple de pourcentages | 0 à 100 par canal |
Frequently asked questions
- Est-ce que ce Color converter est vraiment gratuit ?
- Oui. Tu peux convertir autant de couleurs que tu veux sans créer de compte ni tomber sur un paywall.
- Pourquoi ma couleur convertie s'affiche-t-elle différemment sur mon écran ?
- Les moniteurs ont des profils colorimétriques et des courbes gamma différents. Les calculs sont exacts pour l'espace sRGB, mais la calibration du matériel dicte ce que tu vois réellement.
- Puis-je convertir des couleurs CSS nommées comme tomato ou dodgerblue ?
- Non. L'outil exige des entrées numériques ou des chaînes hex. Tu dois d'abord trouver l'équivalent hex de la couleur nommée.
- Quelle est la précision de la conversion CMYK ?
- Il utilise la formule de conversion standard sans profil. C'est suffisant pour des aperçus web rapides, mais l'impression professionnelle exige une conversion avec profil ICC.
- Supporte-t-il les codes hex à 8 chiffres avec des canaux alpha ?
- Oui. L'outil parse les deux derniers caractères comme canal alpha, même s'il ne sort la valeur alpha que dans le format RGBA.
Outils populaires
Trouve les enregistrements DNS A, AAAA, CNAME, MX, NS, TXT, SOA d'un hôte.
Vérifie si l'URL est mise en cache ou non par Google.
Obtenir des informations approximatives sur une IP.
Obtiens la taille d'un texte en octets (B), kilo-octets (KB) ou méga-octets (MB).