GENERADORES

Generador de colores aleatorios 🎨

Descubre cuatro colores al azar y copia sus códigos HEX, RGB y HSL.

Cuatro colores por clicHEX, RGB y HSLCopia cada código

Generar colores aleatorios

Cuatro tarjetas de color con botones para copiar los códigos HEX, RGB y HSL.

Color 1

HEX

#000000

RGB

rgb(0, 0, 0)

HSL

hsl(0, 0%, 0%)

Color 2

HEX

#000000

RGB

rgb(0, 0, 0)

HSL

hsl(0, 0%, 0%)

Color 3

HEX

#000000

RGB

rgb(0, 0, 0)

HSL

hsl(0, 0%, 0%)

Color 4

HEX

#000000

RGB

rgb(0, 0, 0)

HSL

hsl(0, 0%, 0%)

Qué hace este generador de colores

Con un clic obtienes cuatro colores al azar, cada uno con una vista previa y los códigos HEX, RGB y HSL. Puedes copiarlos y utilizarlos como punto de partida para una web o un diseño.

Diferencias entre HEX, RGB y HSL

HEX es habitual en CSS y diseño web. RGB indica la cantidad de rojo, verde y azul, mientras que HSL expresa tono, saturación y luminosidad, una forma práctica de explorar variantes.

Ideas para nuevas paletas de colores

Los colores aleatorios pueden inspirarte para fondos, botones, interfaces y combinaciones de marca. Después de elegir una paleta, comprueba el contraste y la legibilidad.