Color Palette Editor

Um só espaço para ficheiros de paleta diferentes

Abra um ou vários ficheiros, ou acrescente outros à paleta que já está no ecrã. O editor entende o seu próprio formato de paleta JSON (com uma matriz colors), as amostras ASE e ACO da Adobe, propriedades personalizadas de CSS, declarações de cor em SVG e ficheiros TXT ou SSS com valores $AARRGGBB. Cada cor aparece com o nome e o valor hexadecimal, pronta a copiar, mudar de nome ou remover.

Limpar, ordenar e exportar

• Exclua o preto, o branco, os cinzentos exatos e os valores duplicados.
• Substitua a transparência por opacidade total quando necessário.
• Mantenha a ordem de origem ou ordene de forma crescente ou decrescente por matiz, saturação, brilho, brilho e depois matiz, luminância ou um agrupamento pensado para design de interfaces.
• Dê um nome à paleta e descarregue-a como JSON, Adobe ASE, Adobe ACO, vista geral em SVG ou ficheiro CSS com propriedades personalizadas.

Da importação à paleta final

1. Escolha um ou mais ficheiros suportados; acrescente outros mais tarde se tiverem de entrar na mesma paleta.
2. Defina as exclusões e escolha o método e o sentido da ordenação.
3. Reveja as amostras, edite nomes, copie valores ou remova cores.
4. Introduza um nome para a paleta.
5. Descarregue o resultado como JSON, ASE, SVG, ACO ou CSS.

A quem se destina

A designers, programadores front-end, ilustradores e a quem precise de rever, limpar ou converter um conjunto de cores sem instalar um utilitário de computador. Conhecer o básico de ficheiros de paleta ou de estilos ajuda, mas a vista de amostras torna simples as revisões e conversões, mesmo sem conhecimentos especializados. Usos típicos: juntar amostras de vários ficheiros numa única entrega, converter cores ASE ou ACO em propriedades personalizadas de CSS para um projeto web ou extrair cores de variáveis CSS ou de uma ilustração SVG.

Processamento local e limites

Os ficheiros de paleta são lidos e processados inteiramente no navegador e o seu conteúdo não é enviado para nenhum servidor; os ficheiros exportados são gerados localmente e descarregados pelo navegador. A aplicação carrega todos os seus ficheiros, incluindo os tipos de letra, a partir do seu próprio endereço e não faz pedidos a terceiros. O idioma, o tema e as definições de processamento ficam no armazenamento local do navegador; as paletas importadas permanecem em memória apenas durante a sessão da página e a aplicação não as guarda depois de a fechar. Nem a paleta nem as definições entram no URL, pelo que os resultados se partilham enviando o ficheiro exportado.

Não é possível criar cores de raiz: o editor parte sempre das cores encontradas nos ficheiros importados. A importação de CSS lê declarações de propriedades personalizadas e suporta hexadecimal, rgb() ou rgba() separados por vírgulas e cores CSS com nome; não avalia folhas de estilo, variáveis, gradientes, hsl() nem a sintaxe moderna separada por espaços. A importação de SVG extrai os valores suportados dos atributos fill, stroke e color ou de estilos em linha, mas não resolve folhas de estilo ligadas, preenchimentos com gradiente nem cores herdadas ou calculadas. As cores Adobe fora do RGB são convertidas para RGB para edição e exportação, pelo que o modelo de cor original e os metadados de cores diretas não se mantêm. Ficheiros muito grandes ou complexos ficam limitados pela memória e pela velocidade do navegador. Não há conta, armazenamento na nuvem, sincronização nem edição colaborativa. Copiar valores requer permissão de acesso à área de transferência ou um contexto seguro do navegador. A interface está disponível em 21 idiomas, com aspeto claro, escuro ou o do sistema.

Os controlos principais de carregamento, filtragem, ordenação, nomeação e exportação são elementos de formulário HTML com etiqueta, acessíveis pelo teclado, e os botões de tema indicam o estado premido. Algumas interações com a paleta continuam, porém, orientadas para o ponteiro: a amostra em si é clicável, mas não é um controlo que receba o foco do teclado, e a paleta gerada não é apresentada aos leitores de ecrã como tabela estruturada. As animações da interface ainda não respeitam a preferência de movimento reduzido.