Generador de Colores Aleatorios

Genera una paleta de colores aleatorios con valores HEX, RGB, HSL y OKLCH. Bloquea los que te gusten y regenera el resto.

Estudio · entorno neutro
6

Características

Genera de 6 a 12 colores
Valores HEX, RGB y HSL
Copiar con un clic
Bloquear colores

Cómo Usar

1. Pulsa Espacio (o Generar) para llenar la superficie con colores aleatorios.

2. Bloquea los que te gusten — las fichas bloqueadas sobreviven a la siguiente tirada. Haz clic en cualquier ficha para copiar su valor.

3. Cambia el formato del valor (HEX / RGB / HSL / OKLCH) en la barra o copia todo el conjunto de una vez.

Sobre esta herramienta

A veces la forma más rápida de encontrar una dirección cromática es dejar que el azar sugiera una. Este generador llena el escenario con 3 a 12 colores aleatorios obtenidos del generador de números aleatorios criptográficamente seguro del navegador, y muestra cada uno en HEX, RGB, HSL u OKLCH junto con un nombre aproximado del color. Pulsa Espacio o Generar para volver a tirar; bloquea cualquier casilla que te guste y sobrevivirá a la siguiente tirada, así puedes construir un conjunto paso a paso. Haz clic en una casilla para copiar su valor, o copia todo el conjunto de una vez. Los colores aleatorios son estupendos para inspirarse, datos de prueba, fondos de avatares y gráficos provisionales, pero para una paleta de marca o de interfaz, afina la armonía y comprueba el contraste del texto antes de usarlos.

Preguntas Frecuentes

¿Cómo se generan los colores aleatorios?
Los valores vienen de crypto.getRandomValues, la fuente aleatoria segura del navegador, así que cada uno de los 16,7 millones de colores RGB de 24 bits es igual de probable y los resultados no se repiten con un patrón predecible.
¿Cómo funcionan los colores bloqueados?
Bloquear una casilla conserva su color cuando vuelves a generar, mientras que las casillas sin bloquear reciben colores aleatorios nuevos. Así puedes quedarte con los colores que te gustan y seguir tirando para el resto.
¿Qué formato de valor debo copiar?
HEX es el más aceptado en herramientas de diseño y en CSS. HSL es más fácil de retocar a mano, y OKLCH es útil cuando quieres ajustar la luminosidad de forma coherente entre colores en CSS moderno.
¿Los colores aleatorios pueden formar una paleta accesible?
No por sí solos. Las parejas aleatorias suelen tener poco contraste. Úsalas como punto de partida y comprueba cualquier combinación de texto y fondo con un comprobador de contraste según WCAG AA.
¿Cómo consigo colores aleatorios más suaves o más vivos?
Aquí todos los valores RGB son igual de probables, así que los resultados van de apagados a vivos. Copia un color que te guste en el Conversor de colores y baja su saturación para tonos más suaves o súbela para tonos más vivos, o usa el Generador de paletas para crear un conjunto armónico a partir de él.

Herramientas Relacionadas