Volver al Aprendizaje
💻

Formatos Digitales de Color

Aprende diferentes formatos para representar colores en diseño digital

Introducción

En diseño digital, los colores pueden representarse en varios formatos. Cada formato tiene sus ventajas y se usa en diferentes contextos.

Códigos de Color HEX

El formato HEX (hexadecimal) se usa ampliamente en diseño web. Consiste en un símbolo # y seis dígitos hexadecimales (0-9, A-F) que representan los canales rojo, verde y azul. El formato es compacto y fácil de leer.

#FF5733, #00A8CC, #F5F5F5

RGB y RGBA

El formato RGB usa tres valores de 0 a 255 para los canales rojo, verde y azul. RGBA agrega un canal alfa (transparencia) de 0 a 1. Este formato es intuitivo y a menudo se usa en editores gráficos.

rgb(255, 87, 51), rgba(0, 168, 204, 0.5)

HSL y HSLA

El formato HSL describe el color a través del tono, saturación y luminosidad. HSLA agrega un canal alfa. Este formato es conveniente para cambiar programáticamente las propiedades del color, como oscurecer o aclarar.

hsl(9, 100%, 60%), hsla(195, 100%, 40%, 0.5)

Palabras Clave de Color CSS

CSS proporciona un conjunto de palabras clave de color predefinidas como 'red', 'blue', 'green' y otras. Estas palabras clave son convenientes para uso rápido pero están limitadas en la cantidad de colores disponibles.

red, blue, green, coral, skyblue