Color Palette Editor

Un unico spazio per file di palette diversi

Apri uno o più file, oppure aggiungine altri alla palette già sullo schermo. L’editor capisce il proprio formato di palette JSON (con un array colors), i campioni Adobe ASE e ACO, le proprietà personalizzate CSS, le dichiarazioni di colore SVG e i file TXT o SSS con valori $AARRGGBB. Ogni colore compare con nome e valore esadecimale, pronto da copiare, rinominare o rimuovere.

Pulire, ordinare, esportare

• Escludi nero, bianco, grigi esatti e valori duplicati.
• Sostituisci la trasparenza con l’opacità piena quando serve.
• Mantieni l’ordine di origine oppure ordina in senso crescente o decrescente per tonalità, saturazione, luminosità, luminosità poi tonalità, luminanza o con un raggruppamento pensato per il design di interfacce.
• Dai un nome alla palette e scaricala come JSON, Adobe ASE, Adobe ACO, panoramica SVG o file CSS con proprietà personalizzate.

Dall’importazione alla palette finita

1. Scegli uno o più file supportati; se altri devono confluire nella stessa palette, aggiungili in seguito.
2. Imposta le esclusioni e scegli criterio e direzione dell’ordinamento.
3. Controlla i campioni, modifica i nomi, copia i valori o rimuovi i colori.
4. Inserisci il nome della palette.
5. Scarica il risultato come JSON, ASE, SVG, ACO o CSS.

A chi può servire

A designer, sviluppatori front-end, illustratori e a chiunque debba esaminare, ripulire o convertire un insieme di colori senza installare un’utility desktop. Una conoscenza di base dei file di palette o di stile aiuta, ma la vista dei campioni rende semplici controlli e conversioni anche senza competenze specialistiche. Casi tipici: riunire i campioni di più file in un’unica consegna, convertire colori ASE o ACO in proprietà personalizzate CSS per un progetto web, estrarre colori da variabili CSS o da un’illustrazione SVG.

Elaborazione locale e limiti

I file di palette vengono letti ed elaborati interamente nel browser e il loro contenuto non viene caricato su alcun server; i file esportati sono generati in locale e scaricati dal browser. L’app carica tutti i suoi file, font compresi, dal proprio indirizzo e non invia richieste a terze parti. Lingua, tema e impostazioni di elaborazione restano nella memoria locale del browser; le palette importate rimangono in memoria solo per la sessione della pagina e l’app non le conserva dopo la chiusura. Né la palette né le impostazioni finiscono nell’URL, quindi i risultati si condividono inviando il file esportato.

Non si possono creare colori da zero: l’editor parte sempre dai colori trovati nei file importati. L’importazione CSS legge le dichiarazioni di proprietà personalizzate e supporta esadecimali, rgb() o rgba() separati da virgole e colori CSS con nome; non valuta fogli di stile, variabili, sfumature, hsl() né la sintassi moderna separata da spazi. L’importazione SVG estrae i valori supportati dagli attributi fill, stroke e color o dagli stili in linea, ma non risolve fogli di stile collegati, riempimenti con sfumature né colori ereditati o calcolati. I colori Adobe non RGB vengono convertiti in RGB per modifica ed esportazione, perciò il modello colore originale e i metadati delle tinte piatte non si conservano. File molto grandi o complessi sono limitati da memoria e velocità del browser. Non ci sono account, archiviazione cloud, sincronizzazione o modifica collaborativa. Per copiare i valori servono il permesso di accesso agli appunti o un contesto sicuro del browser. L’interfaccia è disponibile in 21 lingue, con aspetto chiaro, scuro o di sistema.

I comandi principali di caricamento, filtro, ordinamento, denominazione ed esportazione sono elementi di modulo HTML con etichetta raggiungibili da tastiera, e i pulsanti del tema indicano lo stato premuto. Alcune interazioni con la palette restano però legate al puntatore: il campione si può cliccare ma non è un comando raggiungibile da tastiera, e la palette generata non viene presentata ai lettori di schermo come tabella strutturata. Le animazioni dell’interfaccia non rispettano ancora la preferenza per il movimento ridotto.