Un artículo interesante Creating Color Themes With Custom Properties, HSL, and a Little calc(), sobre un par de ideas que llevo dándole vueltas durante algún tiempo. Elementos:
- Variables CSS
- Usar el esquema de color HSL en lugar del hexadecidal.
- La función calc() de CSS
Los motivos:
- La insuperable ventaja de trabajar con HSL en CSS frente a hexadecimal a la hora de trabajar con el color.
- La posibilidad de usar y reutilizar variables en CSS (y el ahorro de trabajo que supone)
- La función
calc()que permite automatizar cálculos de colores. - Y principalmente, porque los navegadores que no interpretaban estas características, están en el limbo
Habrá quien dirá que con SASS y similares, ya se puede hacer lo mismo, pero no siempre se tiene libertad para poder instalar lo necesario y poder utilizarla. No lo digo yo, lo dice un amigo.
Obviamente mi sistema de utilizar inkscape para crear variaciones de color (en tono, o luminosidad) haciendo cajitas para tener de un vistazo la paleta que uso, se puede mejorar mucho 🙂