Color Palette Creator

Color Palette Creator de Ufumbuzi crea una paleta de cinco colores y un degradado, los prueba en una interfaz de ejemplo y los exporta como código o como imagen. Todo se calcula en el navegador; ninguna paleta se sube a un servidor.

Qué hace

• Una paleta de cinco colores. Cada uno se fija con el selector del sistema o escribiendo un código hexadecimal (tres o seis dígitos, con o sin #). Los cinco botones de armonía rehacen la paleta a partir del primer color, usando la rueda cromática.
• Reglas de armonía. Complementario toma el tono opuesto; análogo se mueve 15 y 30 grados a cada lado; triádico toma los tonos a 120 y 240 grados; monocromático cambia luminosidad y saturación; aleatorio ignora el primer color.
• Degradados con paradas intermedias. Lineales o radiales, con cuatro direcciones en los lineales y círculo o elipse en los radiales. Añades tantas paradas como quieras; cada una tiene su color y una posición de 1 a 99. Las nuevas caen en el hueco más ancho.
• Una interfaz de ejemplo con números de contraste. Los colores se aplican a un título, un párrafo, dos botones, una tarjeta, una etiqueta, un campo y una casilla. La app elige texto blanco u oscuro para el mejor ratio y muestra el contraste WCAG del texto del cuerpo y del texto del botón.
• Exportaciones. La paleta como JSON, variables CSS o muestra PNG de 1000×200. El degradado como CSS, SVG o PNG. Cada exportación se abre en una ventana con Copiar y Descargar.
• Campos que copian y admiten escritura. Haz clic en un código para copiarlo; escribe en el mismo campo para cambiarlo. Los códigos de tres dígitos se amplían al salir del campo, así que "#123456" no se corta en "#123".

Qué no hace

• No guarda el trabajo. Al recargar vuelven los cinco colores por defecto. Exporta la paleta como JSON o CSS si quieres conservarla.
• No lee colores de una foto ni de una web. No hay subida de imágenes, ni cuentagotas de pantalla, ni analizador de URL.
• No genera escalas (50 a 900), ni una configuración de Tailwind, ni un archivo ASE de Adobe, ni estilos de Figma.
• No audita un sitio entero. El ratio es de la muestra, con el color de texto que elige la app; es una guía, no una certificación WCAG.
• No admite transparencia. Los códigos son #RGB o #RRGGBB; no hay canal alfa.

Por qué usarlo

Una paleta es fácil de aprobar como cinco cuadrados y difícil de juzgar como interfaz. Aquí los colores caen sobre los elementos que deciden si un diseño funciona: un párrafo a tamaño normal, el texto de un botón, el borde de un campo. El número de contraste dice si la pareja pasa AA en vez de dejarlo al ojo. Y como todo funciona en el dispositivo, puedes probar los colores de marca de un cliente sin enviarlos a ningún sitio.

Es gratuita, sin registro y sin anuncios. Para una superficie de dibujo completa está la pizarra de dibujo; para retocar imágenes existentes, el editor de pixel art.