Sintaxis de color relativo
La sintaxis de CSS que permite definir un color a partir de otro: tomar este, desmontarlo en canales, cambiar uno de ellos y volver a montarlo.
La construcción es una palabra clave from dentro de cualquier función de color, que vincula los canales del color original a nombres con los que luego se puede operar. Si se quiere el mismo color al cuarenta por ciento de opacidad, se escribe ese canal como un valor nuevo y se deja el resto intacto; si se quiere una variante más oscura para el hover, se multiplica el canal de luminosidad. Lo que lo hace realmente práctico es su combinación con los espacios de color modernos — en OKLCH, un cambio de luminosidad corresponde de verdad a un cambio percibido uniforme, a diferencia de la misma operación en HSL, que da resultados distintos según el matiz. La consecuencia es que un tema entero puede derivarse de una sola propiedad personalizada directamente en el navegador, lo que elimina una de las últimas razones para pasar el CSS por un preprocesador.