Color Palette Editor

Un solo espacio para archivos de paleta mezclados

Abre uno o varios archivos, o añade más a la paleta que ya está en pantalla. El editor entiende su propio formato de paleta JSON (con una matriz colors), las muestras ASE y ACO de Adobe, las propiedades personalizadas de CSS, las declaraciones de color de SVG y los archivos TXT o SSS con valores $AARRGGBB. Cada color aparece con su nombre y su valor hexadecimal, listo para copiarlo, renombrarlo o quitarlo.

Limpiar, ordenar y exportar

• Excluye el negro, el blanco, los grises exactos y los valores duplicados.
• Sustituye la transparencia por opacidad total cuando haga falta.
• Mantén el orden de origen u ordena de forma ascendente o descendente por tono, saturación, brillo, brillo y luego tono, luminancia o una agrupación pensada para el diseño de interfaces.
• Pon nombre a la paleta y descárgala como JSON, ASE o ACO de Adobe, vista general en SVG o archivo CSS con propiedades personalizadas.

De la importación a la paleta terminada

1. Elige uno o varios archivos compatibles; si otros deben sumarse a la misma paleta, añádelos después.
2. Define las exclusiones y elige el criterio y la dirección de orden.
3. Revisa las muestras, edita nombres, copia valores o elimina colores según convenga.
4. Escribe un nombre para la paleta.
5. Descarga el resultado como JSON, ASE, SVG, ACO o CSS.

A quién le resulta útil

A diseñadores, desarrolladores front-end, ilustradores y a cualquiera que necesite revisar, limpiar o convertir un conjunto de colores sin instalar una utilidad de escritorio. Conocer un poco los archivos de paleta o de estilos ayuda, pero la vista de muestras permite revisiones y conversiones sencillas sin conocimientos especializados. Casos típicos: reunir muestras de varios archivos en una sola entrega, pasar colores ASE o ACO a propiedades personalizadas de CSS para un proyecto web o extraer colores de variables CSS o de una ilustración SVG.

Procesamiento local y límites

Los archivos de paleta se leen y procesan por completo en el navegador y su contenido no se sube a ningún servidor; los archivos exportados se generan en local y los descarga el navegador. La aplicación carga todos sus archivos, fuentes incluidas, desde su propia dirección y no hace peticiones a terceros. El idioma, el tema y los ajustes de procesamiento se guardan en el almacenamiento local; las paletas importadas permanecen en memoria durante la sesión de la página y la aplicación no las conserva al cerrarla. Ni la paleta ni los ajustes se codifican en la URL, así que los resultados se comparten enviando el archivo exportado.

No se pueden crear colores desde cero: el editor parte siempre de los colores encontrados en los archivos importados. La importación de CSS lee declaraciones de propiedades personalizadas y admite hexadecimal, rgb() o rgba() separados por comas y colores CSS con nombre; no evalúa hojas de estilo, variables, degradados, hsl() ni la sintaxis moderna separada por espacios. La importación de SVG extrae los valores admitidos de los atributos fill, stroke y color o de estilos en línea, pero no resuelve hojas de estilo enlazadas, rellenos como degradados ni colores heredados o calculados. Los colores de Adobe que no son RGB se convierten a RGB para editar y exportar, por lo que se pierden el modelo de color original y los metadatos de tintas planas. Los archivos muy grandes o complejos dependen de la memoria y la velocidad del navegador. No hay cuenta, almacenamiento en la nube, sincronización ni edición colaborativa. Copiar valores requiere permiso de portapapeles o un contexto seguro del navegador. La interfaz está disponible en 21 idiomas, con apariencia clara, oscura o la del sistema.

Los controles principales de carga, filtrado, orden, nombre y exportación son elementos de formulario HTML con etiqueta y accesibles con el teclado, y los botones de tema indican su estado de pulsación. Algunas interacciones con la paleta siguen dependiendo del puntero: la muestra en sí se puede pulsar, pero no es un control que reciba el foco del teclado, y la paleta generada no se ofrece a los lectores de pantalla como una tabla de datos estructurada. Las animaciones de la interfaz aún no responden a la preferencia de movimiento reducido.