Color Palette Editor

Yksi työtila erilaisille palettitiedostoille

Avaa yksi tai useampi tiedosto tai lisää uusia tiedostoja jo näkyvissä olevaan palettiin. Editori ymmärtää oman JSON-palettimuotonsa (colors-taulukolla), Adoben ASE- ja ACO-näytteet, CSS:n mukautetut ominaisuudet, SVG:n värimääritykset sekä TXT- ja SSS-tiedostot, joissa on $AARRGGBB-arvoja. Jokainen väri näkyy nimen ja heksa-arvon kanssa valmiina kopioitavaksi, nimettäväksi uudelleen tai poistettavaksi.

Siivoa, lajittele ja vie

• Jätä pois musta, valkoinen, tarkat harmaat ja päällekkäiset arvot.
• Korvaa läpinäkyvyys täydellä peittävyydellä tarvittaessa.
• Säilytä lähdejärjestys tai lajittele nousevasti tai laskevasti sävyn, kylläisyyden, kirkkauden, kirkkauden ja sitten sävyn, luminanssin tai käyttöliittymäsuunnitteluun tarkoitetun ryhmittelyn mukaan.
• Nimeä paletti ja lataa se JSON-, Adobe ASE- tai Adobe ACO -tiedostona, SVG-yleiskuvana tai CSS-tiedostona mukautettuine ominaisuuksineen.

Tuonnista valmiiseen palettiin

1. Valitse yksi tai useampi tuettu tiedosto; lisää myöhemmin muita, jos niiden kuuluu samaan palettiin.
2. Määritä poissulkemiset ja valitse lajittelutapa ja -suunta.
3. Käy näytteet läpi, muokkaa nimiä, kopioi arvoja tai poista värejä tarpeen mukaan.
4. Anna paletille nimi.
5. Lataa tulos JSON-, ASE-, SVG-, ACO- tai CSS-muodossa.

Kenelle se sopii

Suunnittelijoille, frontend-kehittäjille, kuvittajille ja kaikille, joiden täytyy tarkastaa, siivota tai muuntaa värikokoelma asentamatta työpöytäohjelmaa. Palettien tai tyylitiedostojen perustuntemus auttaa, mutta visuaalinen näytenäkymä tekee yksinkertaisesta tarkastuksesta ja muunnoksesta helppoa ilman erityisosaamista. Tyypillisiä käyttötapoja ovat useiden tiedostojen näytteiden kokoaminen yhdeksi toimitukseksi, ASE- tai ACO-värien muuntaminen CSS:n mukautetuiksi ominaisuuksiksi verkkoprojektiin sekä värien poimiminen CSS-muuttujista tai SVG-kuvituksesta.

Paikallinen käsittely ja rajat

Palettitiedostot luetaan ja käsitellään kokonaan selaimessa, eikä niiden sisältöä lähetetä palvelimelle; vientitiedostot luodaan paikallisesti ja selain lataa ne. Sovellus lataa kaikki tiedostonsa fontteja myöten omasta osoitteestaan eikä tee pyyntöjä kolmansille osapuolille. Kieli, teema ja käsittelyasetukset tallentuvat selaimen paikalliseen tallennustilaan; tuodut paletit pysyvät muistissa vain sivun istunnon ajan, eikä sovellus säilytä niitä sivun sulkemisen jälkeen. Paletti ja asetukset eivät näy osoitteessa, joten tulokset jaetaan lähettämällä viety tiedosto.

Uusia värejä ei voi luoda tyhjästä, vaan lähtökohtana ovat aina tuoduista tiedostoista löytyneet värit. CSS-tuonti lukee mukautettujen ominaisuuksien määrityksiä ja tukee heksamuotoa, pilkuin eroteltuja rgb()- ja rgba()-arvoja sekä nimettyjä CSS-värejä; se ei tulkitse tyylitiedostoja, muuttujia, liukuvärejä, hsl()-arvoja eikä uutta välilyönnein eroteltua värisyntaksia. SVG-tuonti poimii tuetut arvot fill-, stroke- ja color-attribuuteista tai upotetuista tyylimäärityksistä, mutta ei ratkaise linkitettyjä tyylitiedostoja, liukuväritäyttöjä eikä perittyjä tai laskettuja värejä. Adoben muut kuin RGB-värit muunnetaan RGB:ksi muokkausta ja vientiä varten, joten alkuperäinen värimalli ja spottivärien metatiedot eivät säily. Hyvin suuria tai monimutkaisia tiedostoja rajoittavat selaimen muisti ja nopeus. Tiliä, pilvitallennusta, synkronointia tai yhteismuokkausta ei ole. Arvojen kopiointi edellyttää leikepöytälupaa tai selaimen suojattua kontekstia. Käyttöliittymä on saatavana 21 kielellä vaaleana, tummana tai järjestelmän mukaan.

Tärkeimmät lataus-, suodatus-, lajittelu-, nimeämis- ja vientisäätimet ovat nimettyjä HTML-lomake-elementtejä, joihin pääsee näppäimistöllä, ja teemapainikkeet kertovat painetun tilansa. Osa palettitoiminnoista on silti osoitinkeskeisiä: värinäyte on napsautettava, mutta siihen ei voi siirtyä näppäimistöllä, eikä luotua palettia tarjota ruudunlukijoille jäsenneltynä taulukkona. Käyttöliittymän animaatiot eivät vielä noudata vähennetyn liikkeen asetusta.