Convertisseur de couleurs gratuit : HEX, RGB, HSL et CMYK
Ce convertisseur de couleurs gratuit prend une couleur en HEX, RGB, HSL ou CMYK et la retourne dans les quatre formats, avec un aperçu pour la vérifier, des valeurs CSS prêtes à coller et la couleur nommée CSS la plus proche. Collez #1273b5, rgb(18, 115, 181), hsl(204, 82%, 39%) ou 90, 36, 0, 29 et le format est détecté automatiquement. Il convient aux designers, développeurs et à tous ceux qui cherchent à adapter une couleur de marque pour l'impression.
Color Converter
Generators and Converters
À propos de cet outil
HEX et RGB décrivent la même chose : la quantité de lumière rouge, verte et bleue qu'un écran mélange, de 0 à 255 par canal, écrite en hexadécimal ou en décimal. HSL décrit la couleur comme les gens la voient, avec une teinte sur la roue chromatique, une saturation et une luminosité, ce qui en fait le format le plus facile pour éclaircir, assombrir ou atténuer une couleur en CSS. CMYK est le modèle soustractif utilisé par les imprimantes : encres cyan, magenta, jaune et noire en pourcentages.
Le convertisseur accepte les HEX abrégés (#abc), HEX avec ou sans dièse, les fonctions CSS rgb() et hsl(), les nombres séparés par des virgules ou des espaces, et cmyk() ou quatre pourcentages. Les valeurs alpha sont ignorées. Il convertit via RGB en utilisant les formules standard, arrondit HSL aux degrés et pourcentages entiers, et affiche la plus proche des couleurs nommées CSS par distance, ce qui est pratique quand vous avez besoin d'un nom lisible dans un guide de style.
La conversion CMYK ici est du type mathématique simple, sans profil de couleur ICC, donc elle vous indique les proportions d'encre mais pas exactement comment une presse et un papier spécifiques rendront la couleur. Pour un travail de marque destiné à l'impression, donnez à votre imprimeur la valeur HEX ou RGB et demandez une épreuve, ou faites correspondre un nuancier Pantone. Les couleurs d'écran plus brillantes que n'importe quelle encre, comme le vert RGB pur, s'imprimeront toujours plus ternes.
Questions fréquentes
Comment convertir HEX en RGB à la main ?
Divisez le HEX à six chiffres en trois paires : #1273b5 est 12, 73 et b5. Convertissez chaque paire de l'hexadécimal au décimal : 12 est 18, 73 est 115 et b5 est 181, donc la couleur est rgb(18, 115, 181). Un HEX à trois chiffres comme #fa3 double d'abord chaque chiffre : #ffaa33. Dans l'autre sens, convertissez chaque canal en un nombre hexadécimal à deux chiffres et joignez-les.
Pourquoi ma couleur CMYK semble-t-elle différente à l'impression ?
Un écran mélange la lumière et une imprimante mélange l'encre, et l'encre ne peut pas reproduire les couleurs d'écran les plus brillantes, en particulier les verts, bleus et oranges saturés. Les maths ici donnent les proportions d'encre sans profil de couleur, donc le résultat imprimé dépend aussi de la presse, du papier et du profil que l'imprimeur utilise. Demandez une épreuve imprimée pour toute couleur de marque qui compte.
Quand dois-je utiliser HSL au lieu de HEX en CSS ?
Utilisez HSL quand vous construisez une palette à partir d'une couleur de marque : gardez la teinte, puis changez la luminosité pour les états de survol, les bordures et les arrière-plans, et la saturation pour les variantes atténuées. Les valeurs restent lisibles et liées, où un ensemble de codes HEX semble aléatoire. Tous les navigateurs modernes supportent hsl(), et vous pouvez mélanger HSL et HEX librement dans une feuille de style.
Le convertisseur gère-t-il la transparence ?
Il lit les valeurs HEX à 8 chiffres, rgba() et hsla() mais ignore la partie alpha et convertit uniquement la couleur unie, car CMYK et les couleurs nommées n'ont pas de transparence. Rajoutez l'alpha dans votre CSS, par exemple rgb(18 115 181 / 50%). L'aperçu affiche toujours la couleur unie.