Convertir CMYK en HEX Cyan Magenta Yellow Black ↔ Hexadecimal Gratuit En ligne Sûr
Saisissez une valeur en CMYK et lisez-la aussitôt en HEX. Le calcul se fait dans votre navigateur, rien n'est envoyé nulle part, et ce dont dépend le résultat est écrit plus bas plutôt que supposé.
Rien n'est envoyé
D'où viennent ces notations
L'hexadécimal et le RGB sont la même chose écrite deux fois. Une couleur d'écran, ce sont trois nombres — combien de lumière rouge, verte et bleue émettre —, chacun de 0 à 255, soit un octet ; l'hexadécimal écrit simplement ces octets en base seize, si bien que #FF8800 et rgb(255, 136, 0) sont le même ordre donné au même pixel. Le HSL fut inventé parce qu'aucun des deux n'est lisible par un humain : il donne la teinte comme un angle sur une roue chromatique, la saturation et la clarté en pourcentages, de sorte qu'un graphiste peut éclaircir quelque chose sans recalculer trois chiffres. Le CMJN appartient à un tout autre monde — l'encre, non la lumière. Il est soustractif, bâti sur quatre plaques d'impression, et il n'atteint pas toutes les couleurs d'un écran, car l'écran émet de la lumière tandis que le papier ne fait que la renvoyer.
Où vous les rencontrez
L'hexadécimal est ce que l'on tape dans une feuille de style et ce qu'un outil de création vous tend. Le RGB paraît partout où une couleur demande du calcul : dégradés, transparence, code qui calcule une nuance. On se tourne vers le HSL pour ajuster une palette à la main, car les changements voulus sont d'ordinaire des changements de l'un de ses trois nombres. Le CMJN est ce que réclame l'imprimeur, et la conversion vers lui est l'instant où une maquette cesse d'être lumière pour devenir encre.
Questions fréquentes
Pourquoi mon résultat CMJN diffère-t-il de celui de mon imprimeur ?
Parce qu'il n'existe pas une seule conversion correcte. Le calcul de cette page est le calcul simple, indépendant du périphérique : la bonne réponse quand on cherche un point de départ ou un équivalent approché. Un imprimeur convertit via un profil colorimétrique tenant compte de l'encre, du papier et de la presse ; la même couleur RGB donnera d'autres valeurs CMJN sur couché brillant que sur non couché. Pour ce qui doit correspondre exactement, demandez son profil à l'imprimeur plutôt que de vous fier à une formule.
Pourquoi certaines couleurs d'écran ne s'impriment-elles pas ?
Parce que les deux n'atteignent pas les mêmes couleurs. Un écran fait la couleur en ajoutant de la lumière et peut produire un cyan ou un vert vif et saturé que l'encre ne sait pas égaler ; le papier fait la couleur en absorbant la lumière, et le plus clair qu'il puisse être est le blanc de la page. L'ensemble des couleurs accessibles s'appelle le gamut, et là où les deux ne se recouvrent pas, une conversion doit choisir la couleur disponible la plus proche. C'est pourquoi une couleur éclatante à l'écran paraît souvent un peu terne à l'impression.
Le résultat est-il exact ?
Là où les deux unités se définissent l'une par l'autre en nombres entiers, oui — la page le dit au-dessus du chiffre, et le seul arrondi porte sur le nombre de décimales affichées. Là où le rapport n'a pas de décimale finie, la page affiche douze chiffres significatifs et qualifie la relation d'approchée plutôt que de prétendre le contraire.
Ce que je saisis quitte-t-il mon appareil ?
Non. Le calcul se fait dans votre navigateur ; rien n'est envoyé, et il n'y a d'ailleurs aucun serveur pour le recevoir. Une fois la page chargée, elle fonctionne réseau coupé.
Pourquoi on convertit du CMYK en HEX
Les gens de l'impression écrivent les couleurs en quatre nombres, ceux du web les écrivent en un court code. Quelque part entre les deux, une fiche de travail indique que l'accent d'un catalogue est 0, 60, 100, 0, et un développeur doit savoir ce qu'il faut taper après le dièse dans la feuille de style. Ou bien un graphiste d'impression doit fournir la couleur web d'une marque dont la charte ne donne que du CMYK. Ou encore un modèle d'e-mail a besoin du même orange que le prospectus de la saison dernière. Dans chaque cas, le passage se fait en convertissant du CMYK en HEX : vous prenez les quatre pourcentages d'encre et arrivez au code à six chiffres qu'un navigateur comprend.
La conversion comporte deux étapes, que cette page effectue toutes deux pour vous : de l'encre à la lumière rouge, verte et bleue qu'un écran afficherait, puis de ces trois nombres à leur écriture hexadécimale. La seconde étape est exacte. La première est une formule standard, celle qu'utilise presque tout outil web, et elle a des limites honnêtes. L'encre sur le papier et la lumière sur un écran sont des choses différentes, et convertir fidèlement de l'une à l'autre demande le profil de la presse, du papier et de votre moniteur. Sans eux, le code obtenu est un bon point de départ et non une promesse de correspondance. La page le dit clairement.
Le calcul se fait dans votre navigateur, et rien n'est envoyé. Vous trouverez plus bas les deux étapes avec un exemple détaillé, ce que la conversion conserve et ce qu'elle ne peut pas, les raisons pour lesquelles une couleur d'écran issue de cette formule est plus vive que son ancêtre imprimé, les situations où l'on a besoin de convertir du CMYK en HEX, et un court guide pour s'arrêter sur une couleur web pour une marque d'impression.
Comment fonctionne la conversion
Première étape : de l'encre à la lumière
Chaque encre agit comme un filtre qui retire un peu de lumière. Le cyan retire le rouge, le magenta retire le vert, le jaune retire le bleu, et le noir retire une part des trois. La formule est R = 255 × (1 − C) × (1 − K), et de même pour le vert avec le magenta et pour le bleu avec le jaune. Pour cmyk(0%, 60%, 100%, 0%), le noir est nul, le facteur noir vaut donc 1. Le rouge est 255 × 1 × 1 = 255. Le vert est 255 × 0,4 × 1 = 102. Le bleu est 255 × 0 × 1 = 0. La couleur d'écran est rgb(255, 102, 0).
Seconde étape : de trois nombres à un code
Chaque nombre s'écrit en base seize avec deux chiffres : 255 donne FF, 102 donne 66 et 0 donne 00. Réunis avec un dièse, le code est #FF6600, un orange vif. La seconde étape est exacte : l'hexadécimal n'est qu'une autre façon d'écrire les trois mêmes nombres.
Nombres entiers et pourcentages entiers
Les quatre entrées sont des pourcentages entiers, et les trois sorties sont arrondies à des nombres entiers de 0 à 255. Les deux arrondis sont petits, mais ils signifient que la couleur ne reviendra pas toujours exactement aux mêmes pourcentages si vous la reconvertissez.
Ce que la conversion conserve et ce qu'elle ne peut pas
Elle conserve la couleur aussi près qu'une formule le peut
Le résultat est la couleur aussi près qu'une formule peut la placer, et les quatre plaques dans l'ordre qu'attend un imprimeur : cyan, magenta, jaune et le noir qui porte les ombres. Le noir est appliqué aux trois canaux, ce qui est la façon dont une couche d'encre noire assombrit tout ce qui se trouve en dessous.
La limite honnête : il n'existe pas de réponse unique et correcte
C'est la limite de toute la page. Une conversion fidèle demande le profil de la presse, du papier et de votre moniteur. Sans eux, ce que vous obtenez est la formule standard : assez bonne pour choisir une couleur à l'écran, pas assez pour prétendre que la couleur web et la couleur imprimée sont identiques. Traitez le code comme un point de départ, comparez-le à un échantillon imprimé à la lumière du jour et ajustez.
Ce que la formule ne peut pas porter
Un noir riche obtenu par mélange de plusieurs encres ressort comme une seule couleur sombre uniforme. Une couleur d'accompagnement comme une encre Pantone n'a aucun équivalent CMYK, une décomposition en quatre couleurs est donc déjà une approximation, et l'hexadécimal issu de cette décomposition est une approximation d'une approximation. Si la couleur de la marque est une encre d'accompagnement, cherchez la valeur d'écran que publie son fabricant.
L'aller-retour n'est pas exact
Comme les quatre nombres sont écrits en pourcentages entiers, une couleur convertie dans un sens puis dans l'autre peut tomber un cran à côté : #5A4632 revient en #594632. Gardez l'original comme référence et ne convertissez que dans un seul sens.
Pourquoi les couleurs de la formule paraissent plus vives que l'impression
Le papier retire de la lumière
Le papier ne réfléchit qu'une partie de la lumière qui tombe sur lui, et aucune encre n'est un filtre parfait ; chaque couleur imprimée est donc plus sombre et plus terne que ne le suggère la formule. Un écran brille, et le code obtenu sur cette page paraît plus vif et plus net que l'impression dont il est dérivé.
Les encres pures ne sont pas ce que suppose la formule
La formule traite 100% de cyan comme du cyan pur, rgb(0, 255, 255). Une vraie encre cyan est plus profonde et plus proche de rgb(0, 174, 239). Les couleurs les plus fortes, celles aux valeurs d'encre élevées, sont celles où la formule et l'impression divergent le plus.
Les épreuves à l'écran font mieux
Les logiciels de mise en page peuvent utiliser le profil ICC d'une presse pour simuler l'impression à l'écran. Si vous y avez accès, le code hexadécimal que vous tirez d'une épreuve écran est plus proche de l'impression que celui de cette page. Utilisez cette page pour la réponse rapide et le profil pour la réponse définitive.
Où vous rencontrez la conversion
Définir une couleur web pour une marque d'impression
Une marque définie pour l'impression a des valeurs CMYK. Pour l'utiliser sur le web, un graphiste convertit du CMYK en HEX, met le code dans la feuille de style et vérifie avec un échantillon imprimé. Le code convenu va dans la charte de la marque à côté du CMYK.
Modèles d'e-mail et documents
Les clients de messagerie et les logiciels de bureautique prennent des codes hexadécimaux. Quand un modèle doit correspondre à un imprimé, la conversion donne un code de départ.
Réseaux sociaux et présentations
Les visuels pour les réseaux sociaux, les diapositives et les vidéos vivent sur des écrans. Une couleur tirée d'un prospectus imprimé doit être transformée en code d'écran avant de pouvoir y servir.
Parler avec des collègues
Un code hexadécimal est court et universel. Si vous devez dire à un développeur web de quel orange parle l'équipe d'impression, le code est la forme qu'il peut utiliser aussitôt.
Comment convertir du CMYK en HEX ici
Saisissez les quatre pourcentages
Entrez la couleur dans le premier champ sous la forme cmyk(0%, 60%, 100%, 0%), ou simplement les quatre nombres séparés par des virgules ou des espaces.
Lisez le code hexadécimal
La réponse apparaît aussitôt, comme dans cmyk(0%, 60%, 100%, 0%) = #FF6600. Elle est écrite en majuscules avec un dièse.
Comparez avec l'impression
Tenez un échantillon imprimé à côté de l'écran à la lumière du jour. Si l'écran paraît plus vif, baissez un peu la saturation et notez le code auquel vous vous arrêtez.
D'où viennent ces notations
L'hexadécimal et le RGB sont la même chose écrite deux fois
Une couleur d'écran, ce sont trois nombres, la quantité de lumière rouge, verte et bleue à émettre, chacun de 0 à 255, soit un octet. L'hexadécimal écrit simplement ces octets en base seize. Pour voir les nombres derrière un code, convertissez le HEX en RGB.
HSL et CMYK
Le HSL a été inventé parce qu'aucune des deux n'est lisible pour un humain : il donne la teinte comme un angle autour d'un cercle chromatique, avec la saturation et la luminosité en pourcentages, si bien qu'un graphiste peut éclaircir quelque chose sans recalculer trois chiffres. Le CMYK appartient à un tout autre monde, celui de l'encre plutôt que de la lumière. Il est soustractif, construit à partir de quatre plaques d'impression, et ne peut pas atteindre toutes les couleurs qu'un écran peut montrer, parce qu'un écran émet de la lumière alors que le papier ne fait que la réfléchir.
Pièges quand on convertit du CMYK en HEX
S'attendre à la couleur imprimée à l'écran
Le code sera proche par la teinte et plus vif que l'impression. Comparez à la lumière du jour avec un échantillon.
Utiliser 100% de noir comme couleur de texte
La formule donne #000000. Le noir imprimé est plus doux. Si vous voulez la même impression à l'écran, choisissez un gris très sombre comme #141414.
Convertir dans les deux sens
Chaque étape dans l'un ou l'autre sens ajoute de l'erreur. Choisissez une référence et dérivez l'autre une seule fois à partir d'elle.
Oublier la couleur d'accompagnement
Une encre Pantone possède une valeur d'écran officielle. Utilisez-la à la place de la supposition de la formule.
Questions que l'on se pose avant de convertir
Que vaut cmyk(0%, 0%, 0%, 0%) en hexadécimal ?
#FFFFFF, le blanc : pas d'encre sur du papier blanc.
Que vaut cmyk(0%, 0%, 0%, 100%) en hexadécimal ?
#000000, le noir selon la formule, bien que le noir imprimé soit moins profond.
Pourquoi ma couleur web paraît-elle différente de ma brochure ?
Parce que les deux sont produites différemment : lumière et encre. Le papier, la presse et l'éclairage modifient tous l'impression, et la formule n'en connaît aucun.
La conversion est-elle exacte ?
L'arithmétique est exacte sur un modèle simplifié. La correspondance avec l'impression est approximative.
Ma couleur est-elle envoyée ?
Non. L'arithmétique s'exécute dans votre navigateur et rien n'est envoyé nulle part.
Comment revenir en arrière ?
Avec Convertir HEX en CMYK.
S'arrêter sur une couleur web pour une marque d'impression
Partir de la formule, finir à l'œil
Convertissez du CMYK en HEX pour obtenir une base. Puis, à la lumière du jour, comparez l'écran à un échantillon imprimé et ajustez le code jusqu'à ce que l'impression soit la même. Le résultat est une couleur web qui appartient à la marque et non à une formule.
Consigner comment vous y êtes arrivé
Dans la charte de la marque, notez que l'hexadécimal a été ajusté à l'œil d'après un échantillon donné à une date donnée. Un futur graphiste qui se demande pourquoi il diffère de la valeur de la formule aura alors la réponse.
L'utiliser partout
Une fois choisi, le code doit apparaître dans le site web, les modèles d'e-mail, les présentations et le kit pour les réseaux sociaux. Une couleur en de nombreux endroits est ce qui donne à une marque un aspect homogène.
Réexaminer quand l'impression change
Si la marque est réimprimée sur un autre papier ou une autre presse, la couleur imprimée peut se décaler, et la correspondance doit être revérifiée. Une couleur de marque est un couple de valeurs, une pour chaque support, et les deux doivent être revues ensemble.
Habitudes pratiques quand vous convertissez du CMYK en HEX
Convertir le CMYK en HEX couleur par couleur et noter le résultat
Une marque a généralement entre trois et huit couleurs. Convertissez le CMYK en HEX pour chacune et écrivez les réponses dans un tableau, avec le CMYK à côté et une colonne pour le code ajusté. Le tableau se fait en dix minutes et évite des heures de tâtonnement plus tard. Si une couleur est ajoutée ou modifiée, une seule ligne est à refaire.
Donner un rôle à chaque couleur
Nommez les couleurs d'après ce qu'elles font : principale, accent, texte, surface. Un code hexadécimal seul ne dit rien de l'endroit où l'utiliser, un nom si. Dans la feuille de style, définissez les codes comme des propriétés personnalisées portant ces noms, de sorte qu'un changement de marque revienne à modifier quelques lignes.
Vérifier le texte sur la couleur
Une fois les codes établis, testez le contraste de chaque couple texte et fond. Les couleurs d'impression qui se lisent bien sur papier peuvent échouer à l'écran, où le fond brille et où le texte doit s'en détacher. Les codes hexadécimaux vont directement dans n'importe quel vérificateur de contraste.
Se méfier des couleurs sombres et saturées
Les couleurs d'impression les plus vives, les bleus profonds et les verts éclatants en particulier, sont celles qui diffèrent le plus de leurs valeurs de formule. Si votre marque en a une, convertissez le CMYK en HEX, regardez ensuite l'écran à côté de l'impression et attendez-vous à ajuster de quelques crans.
Garder le CMYK dans le nom du fichier ou les notes
Quand vous enregistrez une image ou un document réalisé avec une couleur convertie, notez de quel CMYK elle provient. Si la marque est réimprimée ou si la presse change, cette trace vous permet de refaire la conversion en toute sérénité.
Une remarque sur l'écriture abrégée et la transparence
Codes courts
Là où les trois paires de la réponse se répètent, comme #FF6600, vous pouvez écrire la forme courte #F60 dans une feuille de style. C'est la même couleur, et certains la trouvent plus facile à lire. La page donne la forme longue, toujours valide.
Transparence
L'impression n'a pas de transparence de ce genre ; la réponse ici est donc toujours une couleur opaque. Si vous avez besoin d'une version translucide pour une surcouche web, prenez le code et ajoutez une paire alpha, par exemple #FF660080 pour une demi-intensité.
Convertisseurs associés
La même famille d'outils couvre les conversions voisines. Pour revenir en arrière, utilisez Convertir HEX en CMYK. Pour les nombres RGB directement, il y a Convertir CMYK en RGB et Convertir RGB en CMYK, et pour les notations d'écran elles-mêmes, Convertir HEX en RGB, Convertir RGB en HEX et Convertir HEX en HSL. Pour les fichiers qui partent chez l'imprimeur, Compresser PDF allège un document.
Un exemple détaillé
Supposons que le prospectus de la saison dernière utilisait un orange de cmyk(0%, 60%, 100%, 0%), et que l'équipe web en ait besoin pour la page d'atterrissage de la nouvelle saison. Vous saisissez les quatre nombres et lisez #FF6600. Sur la page, l'orange est vif et chaud. Tenu à côté du prospectus à la lumière du jour, la couleur d'écran est nettement plus éclatante ; le graphiste l'adoucit donc en #F26B0F et consigne la correspondance. Le CMYK reste la référence pour l'impression, l'hexadécimal ajusté est la référence pour le web, et le #FF6600 de la formule est noté dans la charte de la marque comme point de départ.
Une courte liste de contrôle
Avant de convertir
Vérifiez que la couleur est du CMYK quadrichromie et non une encre d'accompagnement. Trouvez un échantillon imprimé si vous le pouvez.
Pendant la conversion
Saisissez les quatre pourcentages, lisez le code et copiez-le avec son dièse.
Après la conversion
Comparez avec l'échantillon à la lumière du jour, ajustez à l'œil si nécessaire et consignez le code final avec une note sur la manière dont il a été obtenu.
Erreurs courantes
Traiter la formule comme définitive
C'est un point de départ. L'impression tranche.
Utiliser du noir pur pour le texte
Le noir imprimé est plus doux. Choisissez un gris foncé si vous voulez la même impression.
Convertir en rond
Partez une fois de l'original et gardez le résultat.
Vos couleurs restent sur votre appareil
Le calcul se fait en local. Vos valeurs sont utilisées par votre propre navigateur et rien n'est envoyé nulle part. Il n'y a rien à supprimer ensuite et aucun compte à créer. C'est la manière simple de convertir du CMYK en HEX.
Résumé
Pour convertir du CMYK en HEX ici, saisissez les quatre pourcentages et lisez aussitôt le code hexadécimal. La conversion comporte deux étapes : de l'encre à la lumière rouge, verte et bleue qu'un écran afficherait, par une formule standard, puis de ces trois nombres à leur écriture hexadécimale, qui est exacte. Il n'existe pas de réponse unique et correcte pour la première étape, parce que l'encre sur le papier et la lumière sur un écran sont des choses différentes et qu'une conversion fidèle demande le profil de la presse, du papier et de votre moniteur. Un noir riche ressort comme une seule couleur sombre uniforme, une couleur d'accompagnement n'a pas d'équivalent CMYK, et les pourcentages entiers font qu'un aller-retour peut tomber un cran à côté. Traitez le code comme un point de départ et comparez-le à un échantillon imprimé. Rien n'est envoyé.