Convertisseur de couleurs
Convertissez vos couleurs entre HEX, RGB, HSL et CMYK instantanément dans votre navigateur. Sélecteur et convertisseur gratuits, 100 % privé.
1
HEX
#00E695
RGB
rgb(0, 230, 149)
RGBA
rgba(0, 230, 149, 1)
HSL
hsl(159, 100%, 45%)
HSLA
hsla(159, 100%, 45%, 1)
HSV
hsv(159, 100%, 90%)
HSVA
hsva(159, 100%, 90%, 1)
CMYK
cmyk(100%, 0%, 35%, 10%)
CMYKA
cmyka(100%, 0%, 35%, 10%, 1)
Fonctionnalités
100 % dans le navigateur
Toutes les conversions de couleurs se font dans votre navigateur. Vos données ne quittent jamais votre appareil.
Gratuit et sans inscription
Pas d'inscription, pas de limites, pas de frais cachés.
Résultats instantanés
Conversion en temps réel pendant la saisie — chaque format se met à jour en direct.
Sélecteur visuel et pipette d'écran
Sélectionnez vos couleurs visuellement avec le sélecteur intégré, ou capturez n'importe quelle couleur sur tout votre écran en un clic (Chrome/Edge sur ordinateur) — tous les formats se mettent à jour simultanément.
Comment fonctionne le convertisseur de couleurs ?
- Choisissez votre format de saisie — HEX, RGB, HSL ou CMYK — et entrez votre valeur de couleur dans le champ dédié.
- Le convertisseur affiche instantanément votre couleur dans tous les autres formats pris en charge, au fur et à mesure de votre saisie.
- Utilisez le sélecteur de couleurs visuel pour choisir une couleur en cliquant sur le spectre ou en entrant directement des valeurs.
- Utilisez « Prélever à l'écran » (Chrome/Edge sur ordinateur) pour capturer n'importe quelle couleur visible à l'écran en un clic.
- Copiez n'importe quelle valeur convertie dans votre presse-papiers en un clic, prête à être collée dans vos CSS ou votre outil de design.
- Expérimentez librement — ToolsMio traite tout dans votre navigateur, vos données de couleurs restent donc privées.
Cas d'utilisation courants
Webdesign et CSS
Convertissez vos couleurs HEX en RGB ou HSL pour les propriétés CSS comme rgba() et hsla() qui prennent en charge la transparence. ToolsMio rend le passage d'un format à l'autre instantané.
Conformité à la charte graphique
Assurez la cohérence de vos couleurs de marque sur toutes les plateformes en convertissant entre les formats HEX, RGB et CMYK utilisés par les différents outils de design et d'impression.
Accessibilité et vérification du contraste
Convertissez les couleurs en HSL pour mieux analyser la luminosité et la saturation afin de respecter les critères de contraste WCAG. Complétez avec des outils de ratio de contraste pour des designs accessibles.
Transfert de design multiplateforme
Développeurs et designers utilisent souvent des formats de couleurs différents. Convertissez rapidement d'un format à l'autre pour faire le pont entre les valeurs HEX de Figma et les valeurs RGB du code.
Ce qu'il faut savoir sur la conversion des couleurs
- ✓ HEX et RGB représentent la même couleur dans des notations différentes — le HEX est la forme abrégée des valeurs RGB en hexadécimal. ToolsMio convertit de l'un à l'autre sans aucune perte.
- ✓ Le HSL (teinte, saturation, luminosité) est souvent plus intuitif pour ajuster les couleurs, car chaque canal correspond à un attribut perceptible par l'œil humain.
- ✓ Le CMYK est principalement utilisé pour l'impression. Les couleurs peuvent paraître différentes à l'écran et à l'impression en raison des gamuts différents entre les espaces RGB et CMYK.
- ✓ Vérifiez toujours les ratios de contraste lors du choix des couleurs de texte sur un arrière-plan. WCAG 2.1 exige au moins 4,5:1 pour le texte normal et 3:1 pour le texte de grande taille.
- ✓ Avec rgba() en CSS, la valeur alpha va de 0 (totalement transparent) à 1 (totalement opaque), vous offrant un contrôle précis de la transparence des éléments.
Questions fréquentes
Mes données sont-elles envoyées à un serveur ?
Non. Toutes les conversions de couleurs sont effectuées entièrement dans votre navigateur grâce à JavaScript. Aucune donnée n'est jamais téléversée ni envoyée à un serveur. Lorsque vous saisissez un code HEX ou choisissez une couleur, votre navigateur calcule localement les valeurs RGB, HSL et CMYK équivalentes, sans effectuer aucune requête réseau. Vos choix de couleurs restent donc entièrement privés — rien n'est journalisé, stocké ou analysé de notre côté. Même si vous travaillez avec des couleurs de marque propriétaires ou des systèmes de design confidentiels, vous pouvez utiliser ToolsMio en toute confiance, avec l'assurance que vos données restent sur votre appareil. L'outil fonctionne hors ligne une fois la page chargée : vous pouvez donc continuer à convertir des couleurs même sans connexion Internet. Votre vie privée est notre priorité.
Quels formats de couleurs sont pris en charge ?
ToolsMio prend en charge la conversion entre quatre grands formats de couleurs : HEX, RGB, HSL et CMYK. Le HEX est la notation abrégée standard utilisée en CSS et en HTML, représentant les couleurs sous forme d'un code à six caractères comme #FF5733. Le RGB (rouge, vert, bleu) exprime les couleurs sous forme de trois valeurs numériques de 0 à 255, couramment utilisées en programmation et en design numérique. Le HSL (teinte, saturation, luminosité) offre une façon plus intuitive de décrire les couleurs en s'appuyant sur la perception humaine, ce qui facilite la création de variantes en ajustant la luminosité ou la saturation. Le CMYK (cyan, magenta, jaune, key/noir) est le modèle colorimétrique utilisé en impression professionnelle et en graphisme. En prenant en charge ces quatre formats, ToolsMio fait le pont entre la conception à l'écran et la production imprimée, garantissant des couleurs cohérentes sur tous les supports et dans tous les flux de travail.
Comment convertir du HEX en RGB ?
Convertir du HEX en RGB est simple avec ToolsMio. Collez ou saisissez simplement votre code couleur HEX dans le champ de saisie — par exemple #00E5A0 — et les valeurs RGB correspondantes s'afficheront instantanément. L'outil analyse le code HEX à six caractères, le découpe en trois paires représentant les canaux rouge, vert et bleu, puis convertit chaque paire de l'hexadécimal vers son équivalent décimal. Vous pouvez aussi utiliser le sélecteur de couleurs intégré pour choisir une couleur visuellement plutôt que de taper un code. Cliquez simplement sur le spectre de couleurs ou entrez des valeurs précises : toutes les conversions se mettent à jour en temps réel. Si vous préférez partir d'un autre format, vous pouvez saisir directement des valeurs RGB, HSL ou CMYK et l'équivalent HEX apparaîtra à côté. Copiez n'importe quel résultat dans votre presse-papiers en un seul clic pour l'utiliser immédiatement dans vos CSS ou vos outils de design.
Un sélecteur de couleurs est-il inclus ?
Oui ! ToolsMio intègre un sélecteur de couleurs visuel entièrement interactif qui rend la sélection et l'exploration des couleurs très simples. Cliquez n'importe où sur le spectre des couleurs pour choisir une teinte, puis ajustez la luminosité et la saturation à l'aide des curseurs. Lorsque vous déplacez le sélecteur, les quatre formats — HEX, RGB, HSL et CMYK — se mettent à jour en temps réel, vous permettant de voir exactement comment une même couleur est représentée dans les différents systèmes. C'est particulièrement utile pour reproduire une couleur précise issue d'une maquette de design ou d'une photo. Vous pouvez aussi affiner votre sélection en saisissant des valeurs précises directement dans les champs de chaque format. Le sélecteur fonctionne entièrement dans votre navigateur, sans aucune dépendance à un serveur, vous offrant un retour instantané et une confidentialité totale pendant que vous expérimentez différentes combinaisons de couleurs pour vos projets.
Puis-je prélever une couleur n'importe où sur mon écran ?
Oui. Cliquez sur le bouton « Prélever à l'écran » à côté du champ HEX pour activer la pipette d'écran, prise en charge par Chrome et Edge sur ordinateur. Votre curseur se transforme en loupe capable d'échantillonner n'importe quel pixel de tout votre écran — autres onglets du navigateur, autres applications, photos, tout ce qui est visible — sans effectuer ni téléverser de capture d'écran. Un seul clic et la couleur prélevée remplit instantanément tous les champs de formats (HEX, RGB, HSL, CMYK et plus encore). Dans les navigateurs qui ne prennent pas encore en charge l'API EyeDropper, comme Firefox et Safari, le bouton est automatiquement masqué ; vous pouvez alors simplement coller un code HEX ou utiliser le sélecteur visuel à la place. Le prélèvement à l'écran se déroule entièrement sur votre appareil — aucune image n'est jamais capturée vers un serveur, stockée ou transmise, ce qui garantit un processus totalement privé.