Espacios de color para degradados más interesantes trucos CSS

Una pequeña herramienta de generación de degradados. desde tom kinoneroUno pensaría que desvanecer un color en otro sería un problema obvio, simple y resuelto; en realidad es todo lo demás, ¡pero no!

El generador de Tom hace dos cosas que ayudan a mejorar el gradiente:

1. Puede elegir "espacio de interpolación." Los degradados que usan el espacio de color sRGB (casi todos los colores que tenemos en CSS hoy en día) tienen la mala costumbre de pasar por una zona muerta gris, y si interpola el degradado a otro espacio de color , puede que resulte mejor (y aun así convertirlo de nuevo a RGB para usarlo hoy).
2. Relieve de color, a pesar del uso de múltiples paradas de color, lo que puede dar lugar a una apariencia más nítida y agradable.

Diferentes aplicaciones de degradado con diferentes espacios de color.

Josh tiene otra aplicación similartal como hace eric kennedy. Tan apestosamente interesante cuántos gradientes diferentes hay en diferentes espacios de color. Piense en los espacios de color como un mapa físico, donde los colores individuales son puntos en el mapa. Los gradientes son estúpidos. Simplemente van directamente de un punto del mapa a otro. Los colores bajo sus pies, mientras caminan, marcan una gran diferencia en la forma en que se forma el gradiente.

Safari Tech Preview tiene espacios de color degradados CSS experimentales y ¡me divertí mucho anoche!

"`#css
fondo: degradado lineal (
a la derecha en var (-espacio de color),
en blanco y negro
);
"`

¡El negro básico al blanco puede ser tan diferente!https://t.co/ltCWtzUD23 pic.twitter.com/rlUIiDFJu9

-Adam Argyleink (@argyleink) 6 de febrero de 2022

Conexión directa →