Color Palette Editor

Eén werkplek voor uiteenlopende paletbestanden

Open één of meer bestanden, of voeg bestanden toe aan het palet dat al op het scherm staat. De editor begrijpt zijn eigen JSON-paletformaat (met een colors-array), Adobe-stalen in ASE en ACO, CSS custom properties, kleurdeclaraties in SVG en TXT- of SSS-bestanden met waarden als $AARRGGBB. Elke kleur verschijnt met naam en hexwaarde, klaar om te kopiëren, te hernoemen of te verwijderen.

Opschonen, sorteren, exporteren

• Sluit zwart, wit, exacte grijstinten en dubbele waarden uit.
• Vervang transparantie zo nodig door volledige dekking.
• Behoud de oorspronkelijke volgorde of sorteer oplopend of aflopend op tint, verzadiging, helderheid, helderheid en dan tint, luminantie of een groepering voor interfaceontwerp.
• Geef het palet een naam en download het als JSON, Adobe ASE, Adobe ACO, SVG-overzicht of CSS-bestand met custom properties.

Van import tot afgewerkt palet

1. Kies een of meer ondersteunde bestanden; voeg later meer toe als die bij hetzelfde palet horen.
2. Stel de uitsluitingen in en kies sorteermethode en -richting.
3. Loop de stalen na, pas namen aan, kopieer waarden of verwijder kleuren.
4. Vul een paletnaam in.
5. Download het resultaat als JSON, ASE, SVG, ACO of CSS.

Voor wie het geschikt is

Voor ontwerpers, front-end-ontwikkelaars, illustratoren en iedereen die een kleurenset wil bekijken, opschonen of omzetten zonder een desktopprogramma te installeren. Basiskennis van palet- of stijlbestanden helpt, maar dankzij de visuele stalen zijn eenvoudige controles en conversies ook zonder specialistische kennis te doen. Typisch gebruik: stalen uit meerdere bestanden samenvoegen tot één oplevering, ASE- of ACO-kleuren omzetten naar CSS custom properties voor een webproject, of kleuren halen uit CSS-variabelen of een SVG-illustratie.

Lokale verwerking en grenzen

Paletbestanden worden volledig in de browser gelezen en verwerkt; hun inhoud gaat niet naar een server, en geëxporteerde bestanden worden lokaal gemaakt en door de browser gedownload. De app laadt al haar bestanden, lettertypen inbegrepen, vanaf het eigen adres en stuurt geen verzoeken naar derden. Taal, thema en verwerkingsinstellingen blijven in de lokale opslag van de browser; geïmporteerde paletten staan alleen tijdens de paginasessie in het geheugen en worden na het sluiten niet bewaard. Palet en instellingen komen niet in de URL, dus resultaten deel je door het geëxporteerde bestand te versturen.

Nieuwe kleuren vanaf nul aanmaken kan niet; het vertrekpunt zijn altijd kleuren uit geïmporteerde bestanden. De CSS-import leest declaraties van custom properties en ondersteunt hex, door komma’s gescheiden rgb() of rgba() en benoemde CSS-kleuren; stylesheets, variabelen, verlopen, hsl() en de moderne, door spaties gescheiden kleurnotatie worden niet uitgewerkt. De SVG-import haalt ondersteunde waarden uit de attributen fill, stroke en color of uit inline stijldeclaraties, maar lost gekoppelde stylesheets, vullingen met verlopen en overgeërfde of berekende kleuren niet op. Adobe-kleuren buiten RGB worden voor bewerken en exporteren naar RGB omgezet, waardoor het oorspronkelijke kleurmodel en metadata van steunkleuren verloren gaan. Zeer grote of complexe bestanden worden begrensd door geheugen en snelheid van de browser. Er is geen account, cloudopslag, synchronisatie of gezamenlijk bewerken. Waarden kopiëren vraagt klembordtoestemming of een beveiligde browsercontext. De interface is beschikbaar in 21 talen, in een licht, donker of systeemvolgend thema.

De belangrijkste bedieningselementen voor uploaden, filteren, sorteren, benoemen en exporteren zijn gelabelde HTML-formulierelementen die met het toetsenbord bereikbaar zijn, en de themaknoppen geven hun ingedrukte status door. Sommige paletacties blijven wel op de aanwijzer gericht: een staal zelf is aanklikbaar maar geen element dat toetsenbordfocus krijgt, en het gegenereerde palet wordt niet als gestructureerde tabel aan schermlezers aangeboden. Animaties in de interface houden nog geen rekening met de voorkeur voor minder beweging.