Funciones de color CSS
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/glossary/css-color-functions/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/glossary/css-color-functions/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/css-color-functions/)Use the native HTML custom element.
Las funciones CSS integradas para especificar colores, incluidas rgb(), hsl(), oklch(), lab() y color(), cada una utilizando un modelo de color diferente.
CSS has evolved from supporting only hex codes and named colors to offering a rich set of color functions. The rgb() and hsl() functions have been available since CSS3. CSS Color Level 4 introduced lab(), lch(), oklab(), oklch(), and the generic color() function for specifying colors in any predefined color space like display-p3. Modern syntax uses space-separated values with an optional slash for alpha: rgb(255 128 0 / 50%). The color-mix() function enables mixing two colors in any color space, and relative color syntax allows deriving new colors from existing ones by modifying individual channels.
Pruébelo
Artículos relacionados
CMYK para diseñadores web: cuando la impresión se encuentra con la pantalla
Los diseñadores web que trabajan en proyectos de impresión necesitan entender CMYK. Aprende las diferencias de gama, estrategias seguras de conversión RGB a CMYK, flujos de trabajo de prueba de impresión y errores comunes.
Sintaxis de Color Relativo CSS: Transforma Cualquier Color Dinámicamente
Domina la sintaxis de color relativo CSS para transformar colores dinámicamente. Ajusta tono, saturación, luminosidad y canales alfa directamente en tus hojas de estilos.
Funciones de Color CSS: rgb(), hsl(), oklch() Comparadas
Compara todas las funciones de color CSS — rgb(), rgba(), hsl(), hsla(), lab(), lch(), oklch() y color-mix(). Aprende cuál usar, cuándo y cómo es el soporte de navegadores.
Teoría del color Bauhaus: Kandinsky, Klee e Itten
Explora la teoría del color Bauhaus de Itten, Kandinsky y Klee. Aprende las asociaciones primarias forma-color, la esfera de color y el legado Bauhaus en el diseño moderno.