Convertitore colori – consulta 37 notazioni di colore

Ogni programma salva lo stesso colore a modo suo. Figma e CSS si aspettano un codice esadecimale[1], la finestra di dialogo per scegliere i colori di Word ed Excel mostra tre numeri RGB[2], la tipografia chiede il CMYK e un’app Android tiene il colore in un solo numero, con l’opacità all’inizio[3]. Il convertitore porta un colore da una di queste notazioni a un’altra.

Gli elenchi sotto Converti da e Converti in contengono le stesse 37 notazioni, divise in sei gruppi: I più usati, CSS, Per sviluppatori, Video e JPEG, Microsoft Office e CIE. Puoi scrivere in uno qualsiasi dei due campi, e il convertitore riempie l’altro.

Lo stesso codice può indicare due colori diversi a seconda della notazione. Per questo il campo legge prima quello che scrivi nella notazione scelta nel suo elenco. Se non corrisponde, cerca una notazione che corrisponda, cambia l’elenco e lo segnala in una riga sotto. Succede dopo una breve pausa nella digitazione, oppure subito quando incolli. Se incolli, per esempio, 3900150 in un campo impostato su HEX, compaiono due righe: «Abbiamo cambiato la notazione in Numero decimale (ordine RGB).» e «Questa voce può indicare anche Numero decimale di Office (VBA, Excel). Scegli la notazione giusta dall’elenco sotto il campo.» La seconda ti dà l’altra lettura possibile, e la scelta giusta la fai tu nell’elenco.

Puoi anche scegliere un colore senza scrivere nulla. Il campione di colore accanto al campo Converti da apre il selettore di colori del sistema. In Chrome, Edge e Opera su computer compare in più il pulsante Preleva un colore dallo schermo, che prende il colore di qualsiasi punto dello schermo, anche fuori dalla finestra del browser[4]. Firefox, Safari e Chrome su Android non offrono questa funzione alle pagine web, quindi lì il pulsante non c’è[4].

Cancella tutto svuota i due campi, e Copia risultato copia negli appunti il contenuto del campo Converti in. Tutto il calcolo avviene nel tuo browser, quindi i tuoi colori non arrivano al nostro server.

La bandiera

L’articolo 12 della Costituzione descrive la bandiera come «verde, bianco e rosso, a tre bande verticali di eguali dimensioni»[6]. I toni li fissa l’articolo 31 del DPCM del 14 aprile 2006, con i codici Pantone tessile 17-6153 per il verde, 11-0601 per il bianco e 18-1662 per il rosso, su tessuto stamina di poliestere. Se si usa un altro tessuto, il risultato deve essere lo stesso dell’esemplare custodito presso il Dipartimento del Cerimoniale di Stato, le prefetture e le rappresentanze diplomatiche[7].

Il decreto non dà valori per lo schermo, perché i codici Pantone tessile descrivono il colore del tessuto.

Il Blu Italia

Il design system .italia, che Designers Italia pubblica per i servizi digitali della Pubblica Amministrazione, ha come colore primario il «Blu Italia», #0066CC, con un contrasto di 5,56:1 su sfondo bianco[8]. Nella tabella principale la stessa pagina gli attribuisce l’HSL 210, 72%, 57%, mentre nella scala delle varianti dà a #0066CC l’HSL 210, 100%, 40%[8]. Il convertitore dà per #0066CC hsl(210, 100%, 40%), e hsl(210, 72%, 57%) corrisponde invece a #4291E0, una delle varianti più chiare.

Un modello di colore dice di che cosa è fatto un colore. L’RGB è un modello additivo: ogni colore è la somma di componenti dei tre colori rosso, verde e blu[9], come fa lo schermo. Il CMYK è un modello a sintesi sottrattiva usato per la stampa a colori, con le quattro componenti ciano, magenta, giallo e nero[10]. HSL e HSB trasformano i numeri RGB in tonalità, saturazione e luminosità, più facili da leggere e da regolare a mano[5].

Un codice colore, o notazione, è la forma in cui un programma salva i numeri di un modello. #3B82F6, rgb(59, 130, 246) e il numero 3900150 sono tre notazioni dello stesso colore RGB. Il convertitore ne conosce 37, che si distinguono per la scala, per l’ordine dei canali e per il fatto di salvare o no l’opacità.

Uno spazio colore stabilisce quali colori si possono scrivere e che aspetto hanno esattamente. Il web usa sRGB, lo spazio colore nato nel 1996 da una collaborazione tra HP e Microsoft[11]. I monitor a gamma ampia mostrano più colori, e CSS li descrive per esempio nello spazio Display P3[5]. Lab, LCH, Oklab, OKLCH e XYZ non dipendono da nessuno schermo. Lab copre tutti i colori che una persona può vedere[5], quindi qualsiasi colore entra in queste notazioni.

Queste notazioni sono nel gruppo I più usati. Le trovi nei programmi di grafica, nelle suite per l’ufficio e in CSS.

HEX

Un codice esadecimale scrive i tre numeri RGB in base 16, con due caratteri per canale: rosso, verde e blu. Ogni coppia va da 00 a FF, cioè da 0 a 255, e questo dà 256 × 256 × 256, cioè 16 777 216 colori. Quando i due caratteri di ogni coppia sono uguali, il codice si accorcia a tre caratteri: #FF0 è #FFFF00[5].

In Photoshop il codice va nella casella di testo # del Selettore colore di Adobe[12]. In LibreOffice va nel campo Esadecimale # della finestra di dialogo Scegli un colore[13], e in GIMP 3.2 nel campo Notazione HTML, che accetta anche i nomi di colore CSS[14]. Il convertitore da HEX a RGB spiega il calcolo passo per passo.

RGB (0–255)

L’RGB dà tre numeri da 0 a 255: quanta luce rossa, verde e blu c’è in un colore. Tre zeri danno il nero, tre volte 255 il bianco. Il Selettore colore di Adobe ha per questo le caselle di testo R, G e B[12], LibreOffice i campi Rosso, Verde e Blu, da 0 a 255[13], e la finestra di dialogo per scegliere i colori di Word, Excel e PowerPoint le caselle Rosso, Verde e Blu nella scheda dei colori personalizzati[2]. Nel convertitore separi i numeri con virgole o spazi, oppure incolli rgb(255, 215, 0) così com’è da un foglio di stile. Il convertitore da RGB a HEX fa il percorso inverso, dai numeri al codice esadecimale.

HSL

L’HSL descrive un colore con tonalità (hue, in inglese), saturazione e luminosità. La tonalità è un angolo sul cerchio cromatico, in gradi: 0 è il rosso, 120 il verde e 240 il blu, mentre saturazione e luminosità sono percentuali[5]. Con una luminosità del 50% il colore è più puro, e lo 0% e il 100% danno sempre il nero e il bianco. CSS capisce l’HSL, quindi puoi incollare il risultato direttamente in un foglio di stile. Il convertitore da HEX a HSL spiega in che cosa l’HSL è diverso dall’HSB e dalla scala di Office.

HSB / HSV (Photoshop, Figma)

HSB e HSV sono due nomi dello stesso modello. Alvy Ray Smith lo pubblicò nel 1978, dopo averlo usato per circa quattro anni nei programmi di pittura digitale[15]. La tonalità funziona come nell’HSL, ma il terzo numero, la luminosità B (brightness) o il valore V, dà il colore puro al 100%, mentre nell’HSL una luminosità del 100% dà il bianco. Per questo il rosso puro #FF0000 è hsv(0, 100%, 100%) in HSB e hsl(0, 100%, 50%) in HSL.

Così funziona il Selettore colore di Adobe in Photoshop: la tonalità è un valore tra 0° e 360°, mentre saturazione e luminosità sono indicate in percentuale[12]. LibreOffice mostra lo stesso modello con i campi Tonalità, Saturazione e Luminosità, con la tonalità da 0 a 359[13], e Figma lo chiama HSB[1]. Il convertitore scrive il risultato come hsv(…), e nel programma digiti solo i tre numeri. Il convertitore da RGB a HSV e il convertitore da HSV a RGB coprono le due direzioni.

CMYK (senza profilo colore)

Il CMYK dà le percentuali di quattro inchiostri da stampa: ciano, magenta, giallo e nero. La K sta per key, in italiano chiave[10], e infatti LibreOffice chiama Chiave il campo del nero, accanto a Ciano, Magenta e Giallo[13]. Nel Selettore colore di Adobe immetti le percentuali in C, M, Y e K[12]. Il convertitore da HEX a CMYK e il convertitore da CMYK a RGB danno altri esempi di calcolo.

Nome CSS

I nomi di colore CSS, come gold, navy o tomato, sono in inglese, e non conta se li scrivi in maiuscolo o minuscolo[5]. Il campo li accetta anche con uno spazio: Royal Blue dà #4169E1. Quando un colore non ha un nome proprio, il campo del risultato mostra il più vicino, e sotto compare la riga «Questo colore non ha un nome CSS proprio, quindi mostriamo il più vicino.» Il Blu Italia #0066CC riceve così il nome royalblue.

Il gruppo CSS raccoglie le altre notazioni che un browser capisce in un foglio di stile[5].

RGB (sintassi con spazi)

Il CSS più recente separa i numeri con spazi: rgb(59 130 246). La vecchia sintassi con le virgole vuol dire la stessa cosa[5], e il campo le accetta entrambe.

RGB in percentuale

I canali si possono dare anche in percentuale, dove il 100% vale 255, quindi rgb(100% 0% 0%) è il rosso puro[5].

HWB

L’HWB descrive un colore con la tonalità e con la quantità di bianco e di nero mescolata. La specifica di CSS lo presenta come simile all’HSL, ma spesso ancora più facile da usare per una persona. Anche questo modello lo propose Alvy Ray Smith, nel 1996[5]. Il rosso puro con il 50% di bianco si scrive hwb(0 50% 0%), cioè #FF7F80.

OKLCH

L’OKLCH dà la luminosità L in percentuale, la crominanza C e la tonalità H in gradi. Il calcolo avviene nello spazio Oklab, pubblicato da Björn Ottosson nel dicembre 2020[5]. La sua L segue la chiarezza che percepisce l’occhio. In HSL il blu puro e il giallo puro hanno la stessa luminosità, il 50%, anche se il giallo sembra molto più chiaro. In OKLCH il blu ha il 45,2% e il giallo il 96,8%[5].

Per questo in OKLCH è più facile costruire una palette in cui i colori con la stessa L sembrino davvero chiari allo stesso modo.

Oklab

L’Oklab è lo stesso spazio dell’OKLCH, ma al posto della crominanza e dell’angolo di tonalità ha due assi: a, dal verde al rosso, e b, dal blu al giallo[5]. In pratica a e b restano tra −0,5 e +0,5[5].

CIE Lab (bianco D50, come in CSS)

Lo spazio colore Lab, o CIE 1976 (L*, a*, b*), ha una dimensione L per la luminosità e due dimensioni a e b basate sulle coordinate dello spazio CIE XYZ[16]. L va da 0 a 100, a va dal verde al rosso e b dal blu al giallo. Nel Selettore colore di Adobe immetti per L valori da 0 a 100 e per A e B da −128 a +127[12].

I valori Lab dipendono sempre dal bianco di riferimento. CSS calcola con il bianco D50 e passa dal bianco D65 di sRGB al D50 con la trasformazione di Bradford[5], e questo convertitore fa lo stesso. Uno strumento che calcola il Lab per il bianco D65 dà altri valori a e b per lo stesso colore, ed entrambi i risultati sono corretti.

CIE LCH (bianco D50, come in CSS)

L’LCH è il Lab scritto in un altro modo: la luminosità L resta, e la crominanza C e l’angolo di tonalità H prendono il posto degli assi a e b[5]. L’OKLCH sta all’Oklab come l’LCH sta al Lab.

Display P3

La specifica di CSS presenta Display P3 come uno spazio tipico dei monitor attuali a gamma ampia[5]. In CSS si scrive color(display-p3 …), con tre numeri da 0 a 1. In Figma il profilo colore di un file può essere sRGB o Display P3[1]. Un codice esadecimale è sempre in sRGB[5], quindi un colore copiato in HEX da un file Display P3 può sembrare diverso.

Adobe RGB (1998)

In CSS Adobe RGB (1998) si chiama a98-rgb. Il suo primario verde sta nel diagramma di cromaticità in x 0,21 e y 0,71, contro x 0,3 e y 0,6 di sRGB, quindi questo spazio contiene verdi e ciano più saturi[5]. La sua curva di trasferimento usa l’esponente 256/563, vicino a 1/2,2 ma non uguale[5]. Il verde puro di sRGB, #00FF00, qui è color(a98-rgb 0.565 1 0.2344).

ProPhoto RGB

ProPhoto RGB è stato sviluppato da Kodak e normato dall’ISO con il nome ROMM RGB. Usa il bianco D50, lo stesso di Lab in CSS, e primari impossibili da ottenere fisicamente, e la specifica di CSS indica che la fotografia digitale lo usa per le versioni d’archivio delle immagini[5]. In CSS si scrive color(prophoto-rgb …). Il convertitore dà qui cinque decimali, perché con quattro alcuni colori a 8 bit non tornano agli stessi valori RGB.

Rec. 2020

Rec. 2020 è lo spazio della Raccomandazione ITU-R BT.2020 per la televisione Ultra HD, 4K e 8K, e la specifica di CSS ricorda che gli schermi attuali non ne mostrano tutta la gamma[5]. Un verde fuori da sRGB, come color(rec2020 0 1 0), resta uguale in questa notazione, mentre l’HEX mostra il colore più vicino, #00F272.

sRGB lineare

L’sRGB lineare ha gli stessi primari e lo stesso bianco di sRGB, ma senza curva di trasferimento, quindi i numeri crescono in proporzione alla quantità di luce[5]. I colori scuri ricevono numeri molto piccoli, per cui questa notazione richiede più decimali di sRGB, altrimenti nelle sfumature compaiono bande visibili[5]. #3B82F6 qui è color(srgb-linear 0.04374 0.22323 0.92158), anche se il suo rosso in sRGB vale 0,231.

Ogni programma e ogni linguaggio si aspetta il colore nella sua notazione. Il gruppo Per sviluppatori raccoglie quelle che si scrivono nel codice: Unity, Android, Flutter, Swift, Python, LaTeX, l’API di Discord e i display per Arduino.

RGB 0–1 (Unity, matplotlib)

Unity dà le componenti di un colore come numeri da 0 a 1[17], così come matplotlib in Python[18]. In LaTeX il pacchetto xcolor usa nel modello rgb frazioni da 0 a 1 e nel modello RGB interi da 0 a 255[19]. Per passare da un valore da 0 a 255 a una frazione, dividilo per 255: 59 diventa 0,2314.

Android, colore in XML (opacità per prima)

Nei file di risorse di Android un colore inizia con il cancelletto e ha la forma #RGB, #ARGB, #RRGGBB o #AARRGGBB[20]. L’opacità viene per prima, al contrario di CSS, dove un codice di otto caratteri finisce con l’opacità[5]. Così la stessa stringa dà due colori diversi: #803B82F6 in Android è il #3B82F6 con circa il 50% di opacità, ma in CSS è il viola rgba(128, 59, 130, 0.96). Il campo legge un codice di otto caratteri secondo la notazione scelta nel suo elenco: come CSS con HEX, come Android con «Android, colore in XML (opacità per prima)».

Android, intero ARGB (Java, Kotlin)

Nel codice Java e Kotlin, Android salva i colori dal livello API 1 in un solo intero a 32 bit, con i canali nell’ordine A, R, G, B[3]. L’esempio della documentazione è 0xff0000ff, un blu opaco[3]. Con il byte di opacità FF il numero diventa negativo in Java, perché un int ha il segno: 0xFF3B82F6 vale quindi -12877066. In questa notazione il campo accetta entrambe le forme e legge così com’è un numero senza byte di opacità, come 0x3B82F6. Quel colore ha allora opacità 0, come in Android.

Flutter, Jetpack Compose

Flutter crea un colore da un numero esadecimale con l’opacità all’inizio, come Color(0xFF42A5F5), che la documentazione mostra accanto a Color.fromARGB(0xFF, 0x42, 0xA5, 0xF5)[21]. Jetpack Compose ha una funzione Color che crea un colore da un numero ARGB[22], quindi Color(0xFF3B82F6) funziona senza modifiche in entrambi.

UIColor (UIKit)

UIColor, in UIKit, riceve rosso, verde, blu e alfa come frazioni. Da iOS 10 lavora nello spazio sRGB esteso, quindi non taglia le componenti sotto 0 o sopra 1[23]. Il campo accetta anche componenti scritte come divisione, come capita spesso nel codice Swift: UIColor(red: 59/255, green: 130/255, blue: 246/255, alpha: 1) dà #3B82F6.

SwiftUI

SwiftUI crea un colore con Color(red:green:blue:opacity:) e chiama opacity l’alfa[24]. Il convertitore aggiunge opacity solo quando il colore è in parte trasparente.

Numero decimale (ordine RGB)

Questa notazione mette i tre canali in un solo numero: il rosso moltiplicato per 65 536, più il verde moltiplicato per 256, più il blu. Discord la usa: bot e webhook inviano il colore di un embed come intero nel campo color[25]. Il Blu Italia #0066CC in questa notazione è 26316.

HSV di OpenCV (tonalità 0–180)

Nelle immagini a 8 bit OpenCV divide la tonalità per due perché stia in un byte. Qui quindi la tonalità va da 0 a 180, saturazione e valore da 0 a 255[26]. Il Blu Italia in OpenCV è 105, 255, 204, mentre la sua tonalità in HSB è di 210°.

HSV 0–1 (Python colorsys)

Il modulo colorsys della libreria standard di Python dà tonalità, saturazione e valore come frazioni da 0 a 1[27], compresa la tonalità, che le altre notazioni danno in gradi. Una tonalità di 0,5 qui corrisponde a 180°, e il Blu Italia è 0.5833, 1, 0.8.

RGB565 (Arduino, display TFT)

RGB565 memorizza un colore in 16 bit: 5 bit di rosso, 6 di verde e 5 di blu, con il rosso nei bit più significativi[28]. Così la libreria Adafruit GFX salva i colori per i display a colori di Arduino, con il bianco in 0xFFFF e il rosso in 0xF800[29]. Sedici bit danno 65 536 colori[29], quindi il risultato è il più vicino tra questi: #3B82F6 diventa 0x3C1E e torna come #3A82F7.

Il convertitore arrotonda ogni componente al livello più vicino, come il formato UNORM di Direct3D, in cui tutti i bit a uno indicano il valore massimo[30]. La funzione color565() di Adafruit GFX taglia i bit meno significativi[31], quindi il suo risultato può essere più basso di un livello in qualche componente. Con RGB565 (Arduino, display TFT) scelto nell’elenco, il campo accetta 0xF800, #F800 e un numero decimale come 63488.

YCbCr divide un colore nella luminanza Y e in due differenze di colore: Cb, il blu meno la luminanza, e Cr, il rosso meno la luminanza[32]. Così salvano il colore i file JPEG e il video digitale. Il gruppo Video e JPEG ha tre varianti di questa notazione, che differiscono per i pesi dei canali e per l’intervallo dei numeri.

YCbCr (JPEG, 0–255)

Il formato di file JPEG (JFIF) salva Y, Cb e Cr nell’intervallo completo da 0 a 255. Pesa il rosso con 0,299, il verde con 0,587 e il blu con 0,114, poi arrotonda il risultato e lo limita a 0–255[33]. Il bianco è quindi Y 255, Cb 128, Cr 128 e il rosso puro Y 76, Cb 85, Cr 255, perché la formula dà 255,5 per Cr, che viene limitato a 255.

YCbCr BT.601 (video SD, 16–235)

La Raccomandazione ITU-R BT.601, per la televisione a definizione standard, usa gli stessi pesi del JPEG ma lascia margine nel segnale: la luminanza occupa i codici da 16 a 235 e le differenze di colore da 16 a 240, con il centro a 128[32]. Il nero qui è Y 16, Cb 128, Cr 128 e il bianco Y 235, Cb 128, Cr 128.

YCbCr BT.709 (video HD, 16–235)

La Raccomandazione ITU-R BT.709, per la televisione HD, mantiene lo stesso intervallo di codici ma cambia i pesi in 0,2126 per il rosso, 0,7152 per il verde e 0,0722 per il blu[34]. Il rosso puro è quindi Y 63, Cb 102, Cr 240 in BT.709 e Y 81, Cb 90, Cr 240 in BT.601, e un lettore che decodifica un video HD come BT.601 mostra i colori leggermente spostati.

I codici YCbCr a 8 bit hanno meno livelli di RGB, e l’intervallo 16–235 ancora meno, quindi un colore convertito andata e ritorno può tornare diverso di uno o due livelli in qualche canale. Il campo accetta tre numeri con le lettere, come Y 81, Cb 90, Cr 240, oppure i tre numeri da soli nell’ordine Y, Cb, Cr.

HSL di Office (scala 0–255)

La finestra di dialogo per scegliere i colori di Word, Excel e PowerPoint offre nella scheda dei colori personalizzati i modelli di colore RGB e HSL[2]. In HSL, Office conta saturazione e luminosità fino a 255: una saturazione di 255 è il massimo, e una luminosità di 255 dà il bianco[2]. Il convertitore legge anche la tonalità su questa scala. Una scala così grossolana non centra ogni colore dello schermo: #3B82F6 in Office è 154, 233, 153, e questi numeri, ricalcolati, danno #3C83F6.

Numero decimale di Office (VBA, Excel)

La funzione RGB di VBA restituisce un colore come un solo numero intero[35], ed è con lei che si imposta il riempimento di una cella di Excel tramite la proprietà Interior.Color[36]. In questo numero il rosso occupa il byte meno significativo, come nel valore COLORREF di Windows[37], quindi i canali vanno nell’ordine inverso rispetto alla notazione Numero decimale (ordine RGB). Il Blu Italia in Excel è 13395456 e nell’ordine RGB 26316.

Per vedere il riempimento della cella A1, esegui una macro di una sola riga, MsgBox Range("A1").Interior.Color. Incolla il numero della finestra di messaggio in un campo impostato su Numero decimale di Office (VBA, Excel), e il convertitore lo trasforma in HEX, RGB o CMYK.

XYZ è lo spazio colore che la Commissione internazionale per l’illuminazione (CIE) creò nel 1931 per collegare i colori dello spettro alla visione umana[38]. Lo spazio Lab si basa sulle sue coordinate[16]. Y rappresenta la luminanza, e CSS la scala in modo che il bianco abbia Y = 1[5].

XYZ (bianco D65)

color(xyz-d65 …) dà l’XYZ rispetto al bianco D65, quello di sRGB e Display P3. CSS legge allo stesso modo la forma breve color(xyz …)[5]. Il bianco #FFFFFF qui è color(xyz-d65 0.95046 1 1.08906).

XYZ (bianco D50)

color(xyz-d50 …) dà l’XYZ rispetto al bianco D50, da cui CSS calcola Lab e LCH[5]. Il bianco qui è color(xyz-d50 0.9643 1 0.8251), quindi lo stesso colore ha valori X e Z diversi nelle due notazioni XYZ.

CIE xyY

Lo spazio CIE xyY divide l’XYZ nella cromaticità x e y e nella luminanza Y, con x = X / (X + Y + Z) e y = Y / (X + Y + Z), ed è molto usato in pratica per specificare i colori[38]. Il convertitore tiene Y sulla scala da 0 a 1 della notazione XYZ, quindi il bianco #FFFFFF qui è x 0.3127, y 0.329, Y 1.

CIE Luv (bianco D65)

CIELUV, o CIE 1976 L*u*v*, è uno spazio colore adottato dalla CIE nel 1976 come trasformazione di XYZ semplice da calcolare, che tenta una uniformità percettiva, ed è usato molto nella computer grafica che tratta le luci colorate[39]. Il convertitore usa il bianco D65, lo stesso di sRGB, quindi #FFFFFF è L 100, u 0, v 0 e il rosso puro L 53.24, u 175.01, v 37.77.

L’opacità, chiamata anche canale alfa, dice quanto un colore copre ciò che ha dietro: a 0 è del tutto trasparente, a 1, cioè al 100%, del tutto opaco[5]. In CSS si scrive dopo una barra, rgb(59 130 246 / 50%), nella vecchia sintassi come quarto numero di rgba(59, 130, 246, 0.5), e in un codice esadecimale come ultimi due caratteri, per esempio #3B82F680[5]. L’RGBA è quindi l’RGB con questo quarto numero.

I due caratteri di opacità di un codice di otto caratteri vanno da 00 a FF, cioè da 0 a 255, quindi 80 vale 128 su 255, cioè il 50,2%. Per questo «RGB (sintassi con spazi)» mostra #3B82F680 come rgb(59 130 246 / 0.502).

Queste notazioni non salvano l’opacità: CMYK (senza profilo colore), Nome CSS, Numero decimale (ordine RGB), HSV di OpenCV (tonalità 0–180), RGB565 (Arduino, display TFT), YCbCr (JPEG, 0–255), YCbCr BT.601 (video SD, 16–235), YCbCr BT.709 (video HD, 16–235), HSL di Office (scala 0–255), Numero decimale di Office (VBA, Excel), CIE xyY e CIE Luv (bianco D65). Con loro compare una riga sotto il risultato, per esempio «CMYK (senza profilo colore) non salva l’opacità, quindi il risultato mostra il colore senza trasparenza.»

La parola chiave transparent in CSS è un nero trasparente, rgb(0 0 0 / 0%)[5], e il convertitore la legge allo stesso modo: transparent e rgba(0,0,0,0) danno entrambi #00000000.

Perché il convertitore calcola il CMYK senza profilo colore, con una formula che la specifica di CSS definisce ingenua. Per firebrick, #B22222, dà cmyk(0%, 81%, 81%, 30%), lo stesso risultato che mostra il W3C[40]. Così un colore dello schermo diventa quattro numeri, ma non si sa come uscirà sulla carta.

Una tipografia calcola il CMYK con un profilo ICC che descrive la sua macchina, i suoi inchiostri e la sua carta. Nell’esempio della stessa specifica il risultato ingenuo si allontana dalla stampa di 14,3 unità DeltaE 2000, una differenza che il W3C considera ben visibile[40].

Quando in Photoshop converti un’immagine RGB in CMYK, i colori fuori dalla gamma CMYK vengono adattati, e questa gamma la definisce lo spazio di lavoro CMYK impostato nella finestra Impostazioni colore[41]. LibreOffice mostra i campi CMYK nella finestra di dialogo Scegli un colore, ma per stampare a colori usa solo il modello RGB[13]. Prepara quindi in CMYK il file da stampare, con il profilo indicato dalla tipografia, e lascia la grafica per lo schermo in RGB o HEX. Il convertitore da RGB a CMYK spiega passo per passo come cambiare il metodo di colore di un file e quali profili chiedono le tipografie.

In OKLCH, Oklab, CIE Lab (bianco D50, come in CSS), CIE LCH (bianco D50, come in CSS), Display P3, Adobe RGB (1998), ProPhoto RGB, Rec. 2020, sRGB lineare, XYZ (bianco D65), XYZ (bianco D50), CIE xyY e CIE Luv (bianco D65) il convertitore dà il colore esatto, anche quando esce da sRGB. Le altre notazioni coprono solo sRGB, quindi per loro il convertitore cerca il colore più vicino con il metodo di CSS Color 4[5] e lo segnala sotto il risultato, per esempio «Questo colore esce dallo spazio sRGB, quindi HEX mostra il colore più vicino che può contenere.»

Colori così arrivano per esempio da Tailwind CSS. Nella versione 4 Tailwind ha portato tutta la palette predefinita da RGB a OKLCH, per sfruttare la gamma più ampia degli schermi recenti[42]. Il suo blue-500 è oklch(62.3% 0.214 259.815)[43]. Questo colore esce da sRGB, e il colore sRGB più vicino secondo il convertitore è #2B7FFF. Nella versione 3 blue-500 era ancora #3b82f6[44], il colore degli esempi del convertitore.

Perché RAL, NCS e Pantone sono sistemi di colori fisici, e solo i loro proprietari pubblicano gli equivalenti digitali. Pantone dà gli equivalenti RGB, CMYK, HEX e Lab più vicini dei suoi colori nell’app Pantone Connect[45], e la guida di Microsoft rimanda al sito di Pantone per trovare i valori RGB da scrivere nella finestra di dialogo per scegliere i colori di Office[2]. RAL vende una libreria digitale con valori RGB e Lab per più di 2 500 colori[46], e NCS mostra i suoi colori sulla piattaforma NCS+[47]. Con la versione di ottobre 2023, Photoshop ha perso gli ultimi tre cataloghi di colori Pantone[12].

Per usare uno di questi colori sullo schermo, prendi i valori dalla libreria del proprietario e scrivili nel campo Converti da. Se devi tinteggiare una parete o ordinare una facciata o dei serramenti in un colore RAL, scegli il colore su una mazzetta fisica. Uno schermo emette luce mentre la pittura la riflette, quindi la stessa tinta appare diversa sul muro e sul monitor.