Convertitore HWB in CMYK

Deve trasformare un campione HWB in percentuali di inchiostro CMYK per un'anteprima di stampa, una nota di packaging o un ticket di produzione? Inserisca la tonalità in gradi più bianchezza e nerezza come percentuali da zero a cento e ottenga ciano, magenta, giallo e nero come percentuali intere, canali RGB intermedi e stringhe hwb() e cmyk() pronte da incollare. Il percorso è pienamente deterministico: HWB in RGB in stile CSS, poi RGB in CMYK sottrattivo da manuale, senza chiamata di rete né seme casuale.

Cosa significano HWB e CMYK per design e stampa

HWB sta per tonalità, bianchezza e nerezza. È il modello che i browser espongono come funzione CSS hwb() e che molti strumenti di design usano quando si desidera una tonalità pura miscelata con bianco e nero invece di gestire saturazione e luminosità. La tonalità è un angolo sulla ruota dei colori in gradi da zero a trecentosessanta.

Bianchezza e nerezza sono percentuali che mescolano la tonalità pura verso la carta bianca e l'inchiostro nero rispettivamente; insieme non devono superare il cento per cento in questo convertitore affinché la miscela resti nel dominio naturale HWB senza rinormalizzazioni silenziose. CMYK è il modello sottrattivo degli inchiostri di processo della stampa commerciale: ciano, magenta e giallo assorbono luce sulla carta, e il key (nero) approfondisce ombre e testo senza sovrapporre tre inchiostri colorati.

I team spesso scelgono o regolano una tinta di brand come HWB in un prototipo di interfaccia, poi servono percentuali CMYK stabili per un fustellato, un modulo fornitore o una stima rapida di soft-proof. Questa capacità fa solo quel lavoro: tre numeri HWB convalidati in ingresso, percentuali di stampa e stringhe associate in uscita. Non è un pipeline ICC completo di soft-proof fotografico, ma una base analitica affidabile per anteprime, script di QA e note di handoff che devono coincidere ogni volta che viene inviato lo stesso triplo HWB.

Come funziona l'algoritmo di conversione

Prima il motore verifica che la tonalità sia tra zero e trecentosessanta inclusi e che bianchezza e nerezza siano ciascuna tra zero e cento. Gli input validi sono normalizzati in frazioni da zero a uno. Quando bianchezza più nerezza raggiunge uno, il risultato è un grigio puro il cui livello è bianchezza divisa per la somma, secondo il percorso HWB di CSS Color Level 4.

Altrimenti si costruisce un triplo RGB di tonalità pura pienamente satura dal settore della tonalità (la stessa geometria di HSL con saturazione piena e luminosità media), poi ogni canale viene scalato di uno meno bianchezza meno nerezza e spostato di bianchezza. Quei float RGB sono arrotondati a interi a otto bit da zero a duecentocinquantacinque.

CMYK segue la formula sottrattiva classica: il key è uno meno il canale normalizzato massimo; per i colori non neri, ciascuno di ciano, magenta e giallo è uno meno il canale meno il key, diviso per uno meno il key, poi espresso come percentuale intera. Il nero puro produce ciano, magenta e giallo a zero con key cento.

La risposta ripete i campi HWB convalidati, gli interi intermedi red, green e blue, le quattro percentuali CMYK e le stringhe compatte hwb() e cmyk() da copiare in fogli di stile o ticket.

Cosa inserire e come leggere il risultato

In caso di successo il corpo include quegli input, red, green e blue, cyan, magenta, yellow, key, più le stringhe di visualizzazione cmyk e hwb. Lo stato è beta mentre la superficie pubblica si stabilizza, ma l'aritmetica è matematica da manuale fissa e non deriva per gli stessi input. Abbini questo strumento alla documentazione del design system affinché token HWB digitali e specifiche CMYK di stampa condividano un solo percorso di conversione deterministico invece di fogli di calcolo divergenti.

Per le pipeline, invii ogni conversione come task separato e memorizzi le quattro percentuali di inchiostro accanto al token HWB originale per audit ed esportazioni pronte per la stampa.