Sintassi relativa dei colori
La sintassi CSS che permette di definire un colore in funzione di un altro: lo si prende, lo si scompone in canali, si modifica un canale e lo si ricompone.
Il costrutto è la parola chiave from all'interno di una qualsiasi funzione colore, che assegna dei nomi ai canali del colore originale così da poterci fare dei calcoli. Per lo stesso colore al quaranta per cento di opacità basta scrivere quel canale con un nuovo valore lasciando intatto il resto; per una variante più scura in hover si moltiplica il canale della luminosità. A renderla davvero utilizzabile è la combinazione con i moderni spazi colore: in OKLCH una variazione di luminosità corrisponde a una variazione percepita uniforme, a differenza della stessa manovra in HSL, che dà risultati diversi a seconda della tinta. Di conseguenza un intero tema si può derivare da una sola proprietà personalizzata direttamente nel browser, eliminando uno degli ultimi motivi per usare un preprocessore CSS.