Herramienta local de color
Generador de color y paleta aleatoria
Crea una paleta compacta, bloquea los colores que te gusten, compara el contraste de texto negro y blanco, luego copia los valores exactos o exporta JSON.
Controles de paleta
Usa Web Crypto en este navegador. Los colores bloqueados permanecen en su lugar. Los modos de estilo limitan los rangos de HSL; no garantizan la armonía de colores.
Elige un tamaño y estilo, luego genera una paleta.
Las proporciones de contraste comparan solo colores opacos RGB. No certifican toda una interfaz ni tienen en cuenta el tamaño, el grosor, la transparencia, los degradados o las imágenes de la fuente. Los valores de la paleta permanecen en este componente y no se agregan a las URL ni al almacenamiento. El análisis regular del sitio aún puede cargarse sin recibir estos valores.
Configuración regional de la ruta: esCómo se genera la paleta
Cada posición no bloqueada se obtiene en este navegador con Web Crypto. El modo de espectro completo toma un valor sRGB de 24 bits. Los modos pastel, vibrante, oscuro y claro usan intervalos definidos de tono, saturación y luminosidad antes de convertir el resultado a sRGB; el modo de grises usa el mismo canal para rojo, verde y azul.
El generador evita colores duplicados dentro de una paleta y conserva sin cambios cada posición bloqueada. Muestra HEX, RGB y HSL del mismo color opaco y calcula el contraste con negro puro y blanco puro a partir de la luminancia relativa.
Ejemplo: preparar una paleta de cinco colores
Selecciona cinco colores y el estilo Vibrante. Genera una vez, bloquea los dos tonos que encajan con el proyecto y vuelve a generar solo los demás. Puedes copiar las variables CSS para un prototipo, pero antes de afirmar que el diseño es accesible debes probar el texto, el tamaño, el peso, los estados, la transparencia y los fondos reales.
Usos prácticos
- Explorar una dirección visual antes de cerrar un sistema de diseño.
- Crear colores distintos para gráficos, fichas de clase o prototipos de juegos.
- Comparar texto negro y blanco como primera comprobación de una muestra opaca.
Límites y comprobaciones
- Los estilos limitan rangos HSL, pero no garantizan armonía, identidad de marca ni distancia perceptiva.
- La razón de contraste de una muestra opaca no certifica un componente ni una interfaz completa según WCAG.
- Los colores son material de diseño; no sirven como contraseñas, claves criptográficas ni prueba de unicidad fuera de la paleta actual.
Datos que permanecen locales
Los colores y bloqueos permanecen en la memoria del componente y no se añaden a la URL ni al almacenamiento del navegador. Copiar o descargar crea una salida local. La analítica normal del sitio puede cargarse, pero no recibe los valores de la paleta.
Preguntas sobre paletas aleatorias
- ¿Puedo conservar un color y cambiar los demás?
- Sí. Bloquea cualquier muestra y vuelve a generar. Permanecerá en la misma posición hasta que la desbloquees o restablezcas la herramienta.
- ¿Por qué el texto sugerido podría no ser adecuado?
- La razón solo compara negro o blanco puro con un fondo opaco. Tipografía, gradientes, opacidad, imágenes y estados deben probarse en el diseño real.
- ¿Los valores HSL son exactos?
- Son una representación redondeada calculada desde el valor sRGB. Para intercambio exacto utiliza HEX o RGB.
- ¿La herramienta sube mi paleta?
- No. La generación, el bloqueo, la conversión y el cálculo ocurren en el navegador. Solo tú decides dónde guardar o compartir un archivo exportado.
Herramientas relacionadas
Funcionalidad y contenido en español revisados el 2026-08-22.