Converti i valori di stampa CMYK in HEX, RGB e CSS, e da HEX di nuovo a CMYK. Vedi il colore Tailwind più vicino, gli avvisi sulla copertura d'inchiostro e perché schermo e carta non coincidono mai esattamente.
Inserisci le quattro percentuali CMYK del tuo file di stampa e ottieni i valori HEX e RGB per il tuo sito, calcolati con la formula standard (rosso = 255 × (1 − C) × (1 − K), e lo stesso per verde e blu). Funziona anche al contrario partendo da HEX e raccoglie più colori in una palette CSS.
Colore di stampa e colore a schermo, a confronto
Trasforma i colori di una guida del brand stampata in valori utilizzabili da un sito, o fai il contrario per un lavoro di stampa. Ogni colore mostra le sue forme HEX, RGB e CSS, la classe Tailwind più vicina e un avviso quando il totale d'inchiostro supera quello che accetta la maggior parte delle tipografie.
Calcola ogni canale RGB con 255 × (1 − inchiostro) × (1 − nero), usando gli inchiostri come frazioni: il ciano dà il rosso, il magenta dà il verde, il giallo dà il blu. Poi scrivi ogni canale come due cifre esadecimali. CMYK 0, 85, 80, 0 dà RGB 255, 38, 51, cioè #FF2633. Questo strumento fa i calcoli per te.
Gli schermi creano il colore aggiungendo luce e possono mostrare colori più brillanti e saturi dell'inchiostro su carta. Il colore stampato cambia anche con la carta, il set di inchiostri, la macchina da stampa e la luce sotto cui viene visto. Una formula non può sapere queste cose, quindi qualsiasi conversione da CMYK a HEX è un buon punto di partenza, non una garanzia.
No. I valori colore Pantone appartengono a Pantone, quindi non li includiamo. Usa l'app ufficiale Pantone Connect o il valore HEX della tua guida del brand. Se hai solo un numero Pantone, il tuo designer o la tua tipografia possono darti il valore per schermo che Pantone pubblica per quel colore.
Dà la conversione da manuale, che mette il più possibile nell'inchiostro nero. I software professionali usano profili colore per la carta e la macchina specifiche e daranno numeri diversi. Usa il risultato per dare indicazioni a una tipografia, non per inviare l'esecutivo finale.
È il colore della palette predefinita di Tailwind che appare più vicino al tuo, misurato nello spazio colore OKLab. Sotto 2 è molto difficile distinguerli; sopra circa 5 la differenza è visibile, quindi usa il tuo HEX esatto.
Valori CMYK di esempio e l'HEX dato dalla formula standard (non una corrispondenza di stampa)
Slider {label}
Valori CMYK
Oppure incolla tutti e quattro
Oppure parti da un colore HEX (dallo schermo alla stampa)
Inserisci un valore HEX di 3 o 6 cifre, come #4F98FB.
Per il web
Campione di {hex}
Variabile CSS
CMYK usato
Copia
Colore Tailwind più vicino:
(differenza {n}{verdict}).
, molto vicino
, vicino
, visibile, quindi usa il tuo HEX
Contrasto come testo sul bianco: {n}:1 {verdict}.
(va bene per il testo del corpo)
(solo testo grande)
(troppo chiaro per testo sul bianco)
L'inchiostro totale è {n}%. Molte tipografie limitano la copertura al 300% o meno, quindi potrebbe essere regolato in stampa.
Formula standard senza profilo colore. I risultati stampati variano con carta, inchiostro e macchina da stampa.
Nome
Aggiungi alla palette
La tua palette
Rimuovi {name}
Copia variabili CSS
Copia tema Tailwind
Conversioni di esempio
Inizia gratis · Nessuna carta di credito richiesta