¿Qué es Generador de colores aleatorios?

Genera colores aleatorios con sus valores HEX, RGB y HSL. Bloquea los que te gusten, regenera el resto y copia cualquier código de color con un clic.

Pulsa la barra espaciadora (o haz clic en generar) y la página cambia a una fila nueva de colores aleatorios, cada uno con su nombre y sus valores HEX, RGB y HSL. Mueve el deslizador y la paleta pasa de un solo color de acento hasta ocho muestras. Cambia el selector de Estilo a Pastel, Vibrante, Oscuro o Tierra para sesgar la aleatoriedad hacia un ambiente, o elige una regla de Armonía (complementario, análogo, triádico, tetrádico) para que los colores encajen por teoría del color en lugar de aparecer sueltos. Bloquea los que te gusten con el candado y vuelve a tirar el resto. Cada código se copia con un clic, y la paleta entera se descarga como archivo de texto o como imagen PNG lista para compartir. ¿Necesitas código? Un toque copia todo el conjunto como un bloque :root de propiedades personalizadas CSS, y otro copia un enlace que reabre esta paleta exacta donde lo pegues. Abre la tira de claros y oscuros de cualquier muestra para tomar cinco pasos más claros y cinco más oscuros, ideales para estados hover, bordes y fondos con tinte.

Cómo usar

1. Elige cuántos colores quieres (de 1 a 8, 5 por defecto) y haz clic en generar para llenar la paleta.
2. Bloquea los colores que quieras conservar y regenera para completar las posiciones restantes.
3. Haz clic en cualquier código de color (HEX, RGB o HSL) para copiarlo al portapapeles.

Cuándo usar

• Romper el bloqueo creativo cuando miras un Figma en blanco sin idea de paleta.
• Elegir una familia de tonos para un proyecto paralelo, un documento de brainstorming o una actividad de arte con los niños.
• Sacar un HEX rápido para una pieza puntual (banner, miniatura de redes, fondo de pantalla) sin perseguir las tendencias de color del año.

Resultado

Un diseñador web necesita colores de acento para un nuevo proyecto. Genera paletas hasta encontrar #E8674A (coral cálido), lo bloquea y sigue generando para encontrar colores complementarios.

Preguntas frecuentes

¿Cómo se elige el color exactamente?

En el modo por defecto Aleatorio + Cualquiera cada canal (rojo, verde, azul) recibe un entero nuevo entre 0 y 255, así que sale cualquiera de los ~16,7 millones de tríos RGB — aleatoriedad uniforme real, sin sesgo curado. Cuando eliges un Estilo (Pastel, Vibrante, Oscuro, Tierra) la herramienta sortea tono, saturación y luminosidad dentro del rango de ese ambiente. Los modos de Armonía toman una base aleatoria y derivan el resto con los desplazamientos de la rueda de color.

¿Por qué las paletas aleatorias se ven turbias a veces?

El aleatorio uniforme en RGB favorece los grises medios y tonos apagados porque la mayor parte del cubo cae ahí. La solución más rápida es cambiar el selector de Estilo de Cualquiera a Vibrante o Pastel: la herramienta muestrea dentro de un rango de tono/saturación/luminosidad cuidado y el centro turbio deja de salir. También puedes bloquear los aciertos más vivos y volver a tirar el resto un par de veces hasta que la fila cuadre.

¿Puedo conservar un color y regenerar los demás?

Sí. Toca el candado de cualquier muestra para bloquearla y pulsa generar. Las bloqueadas se quedan; las demás se vuelven a sortear. Es la forma más rápida de fijar un color base y explorar acentos a su alrededor.

¿Cuál es la diferencia entre HEX, RGB y HSL?

HEX (#1A2B3C) es el mismo RGB escrito en base 16, útil en CSS y herramientas de diseño. RGB (rgb(26,43,60)) nombra los tres canales en decimal. HSL (hsl(210,40%,17%)) describe tono, saturación y luminosidad y resulta más intuitivo para ajustes finos.

¿El resultado es realmente aleatorio o con semilla?

Usa Math.random de JavaScript en tu pestaña. Es pseudoaleatorio: para diseño es indistinguible del azar real, pero no es seguro criptográficamente. Si recargas, obtienes otra paleta completamente distinta.

Herramientas relacionadas