Convertissez des valeurs CMJN d'impression en HEX, RGB et CSS, et le HEX en CMJN. Voyez la couleur Tailwind la plus proche, les alertes de couverture d'encre et pourquoi l'écran et le papier ne correspondent jamais exactement.
Saisissez les quatre pourcentages CMJN de votre fichier d'impression et vous obtenez les valeurs HEX et RGB pour votre site, calculées avec la formule standard (rouge = 255 × (1 − C) × (1 − K), et de même pour le vert et le bleu). L'outil fonctionne aussi dans l'autre sens à partir du HEX, et regroupe plusieurs couleurs dans une palette CSS.
Couleur imprimée et couleur à l'écran, côte à côte
Transformez les couleurs d'une charte graphique imprimée en valeurs utilisables sur un site web, ou faites l'inverse pour un travail d'impression. Chaque couleur affiche ses formes HEX, RGB et CSS, la classe Tailwind la plus proche, et un avertissement quand le total d'encre dépasse ce que la plupart des imprimeurs acceptent.
Calculez chaque canal RGB avec 255 × (1 − encre) × (1 − noir), en exprimant les encres en fractions : le cyan donne le rouge, le magenta le vert, le jaune le bleu. Écrivez ensuite chaque canal sur deux chiffres hexadécimaux. CMJN 0, 85, 80, 0 donne RGB 255, 38, 51, soit #FF2633. Cet outil fait les calculs pour vous.
Les écrans créent la couleur en additionnant de la lumière et peuvent afficher des couleurs plus vives et plus saturées que l'encre sur papier. La couleur imprimée varie aussi selon le papier, le jeu d'encres, la presse et la lumière sous laquelle on la regarde. Une formule ne peut pas connaître ces éléments : toute conversion CMJN vers HEX est donc un point de départ proche, pas une garantie.
Non. Les valeurs de couleur Pantone appartiennent à Pantone, nous ne les incluons donc pas. Utilisez l'application officielle Pantone Connect ou la valeur HEX de votre charte graphique. Si vous n'avez qu'un numéro Pantone, votre designer ou votre imprimeur peut vous donner la valeur écran que Pantone publie pour celui-ci.
Elle donne la conversion théorique, qui met le plus possible dans l'encre noire. Les logiciels professionnels utilisent des profils colorimétriques propres au papier et à la presse et donneront d'autres chiffres. Servez-vous du résultat pour briefer un imprimeur, pas pour envoyer les fichiers définitifs.
C'est la couleur de la palette par défaut de Tailwind qui ressemble le plus à la vôtre, mesurée dans l'espace colorimétrique OKLab. En dessous de 2, la différence est très difficile à voir ; au-dessus d'environ 5, elle est visible, utilisez alors votre HEX exact.
Exemples de valeurs CMJN et le HEX donné par la formule standard (pas une correspondance presse)
Curseur {label}
Valeurs CMJN
Ou collez les quatre
Ou partez d'une couleur HEX (de l'écran à l'impression)
Saisissez une valeur HEX à 3 ou 6 chiffres, comme #4F98FB.
Pour le web
Échantillon de {hex}
Variable CSS
CMJN utilisé
Copier
Couleur Tailwind la plus proche :
(écart {n}{verdict}).
, très proche
, proche
, visible, utilisez donc votre HEX
Contraste en texte sur blanc : {n}:1 {verdict}.
(valide pour le texte courant)
(grand texte uniquement)
(trop clair pour du texte sur blanc)
L'encre totale est de {n}%. Beaucoup d'imprimeurs plafonnent la couverture à 300% ou moins, cela pourra donc être ajusté sur presse.
Formule standard sans profil colorimétrique. Le rendu imprimé varie selon le papier, l'encre et la presse.
Nom
Ajouter à la palette
Votre palette
Retirer {name}
Copier les variables CSS
Copier le thème Tailwind
Exemples de conversions
Commencer gratuitement · Sans carte bancaire