Color Palette Editor

Jedno miejsce pracy dla różnych plików palet

Otwórz jeden lub kilka plików albo dołóż kolejne do palety, która jest już na ekranie. Edytor rozumie własny format palety JSON (z tablicą colors), próbki Adobe ASE i ACO, właściwości niestandardowe CSS, deklaracje kolorów w SVG oraz pliki TXT lub SSS z wartościami $AARRGGBB. Każdy kolor ma widoczną nazwę i wartość szesnastkową, gotową do skopiowania, zmiany nazwy lub usunięcia.

Porządkowanie, sortowanie, eksport

• Wyklucz czerń, biel, dokładne szarości i powtarzające się wartości.
• W razie potrzeby zastąp przezroczystość pełnym kryciem.
• Zachowaj kolejność ze źródła albo sortuj rosnąco lub malejąco według odcienia, nasycenia, jasności, jasności, a potem odcienia, luminancji lub grupowania pod projektowanie interfejsów.
• Nazwij paletę i pobierz ją jako JSON, Adobe ASE, Adobe ACO, podgląd SVG lub plik CSS z właściwościami niestandardowymi.

Od importu do gotowej palety

1. Wybierz jeden lub więcej obsługiwanych plików; kolejne dołóż później, jeśli mają trafić do tej samej palety.
2. Ustaw wykluczenia i wybierz metodę oraz kierunek sortowania.
3. Przejrzyj próbki, popraw nazwy, skopiuj wartości lub usuń kolory.
4. Wpisz nazwę palety.
5. Pobierz wynik jako JSON, ASE, SVG, ACO lub CSS.

Dla kogo jest odpowiednie

Dla projektantów, frontendowców, ilustratorów i wszystkich, którzy muszą przejrzeć, uporządkować lub przekonwertować zestaw kolorów bez instalowania programu na komputer. Podstawowa znajomość plików palet lub stylów pomaga, ale wizualny widok próbek pozwala na proste przeglądy i konwersje bez specjalistycznej wiedzy. Typowe zastosowania to zebranie próbek z kilku plików w jeden plik do przekazania, zamiana kolorów ASE lub ACO na właściwości niestandardowe CSS w projekcie webowym albo wyciągnięcie kolorów ze zmiennych CSS czy ilustracji SVG.

Lokalne przetwarzanie i ograniczenia

Pliki palet są w całości odczytywane i przetwarzane w przeglądarce, a ich zawartość nie trafia na serwer; eksportowane pliki powstają lokalnie i pobiera je przeglądarka. Aplikacja wczytuje wszystkie swoje pliki, łącznie z fontami, z własnego adresu i nie wysyła żadnych żądań do podmiotów trzecich. Język, motyw i ustawienia przetwarzania zapisuje pamięć lokalna przeglądarki; zaimportowane palety pozostają w pamięci tylko na czas sesji strony i po jej zamknięciu aplikacja ich nie przechowuje. Paleta ani ustawienia nie trafiają do adresu URL, więc wynikami dzielisz się, wysyłając wyeksportowany plik.

Nowych kolorów nie da się utworzyć od zera; punktem wyjścia są zawsze kolory znalezione w zaimportowanych plikach. Import CSS odczytuje deklaracje właściwości niestandardowych i obsługuje zapis szesnastkowy, rgb() lub rgba() z przecinkami oraz nazwane kolory CSS; nie przetwarza arkuszy stylów, zmiennych, gradientów, hsl() ani nowoczesnej składni z odstępami. Import SVG pobiera obsługiwane wartości z atrybutów fill, stroke i color lub z deklaracji stylów inline, ale nie rozwiązuje podlinkowanych arkuszy stylów, wypełnień gradientem ani kolorów dziedziczonych czy obliczanych. Kolory Adobe spoza modelu RGB są na potrzeby edycji i eksportu przeliczane na RGB, przez co pierwotny model barw i metadane kolorów dodatkowych nie są zachowywane. Bardzo duże lub złożone pliki ogranicza pamięć i szybkość przeglądarki. Nie ma konta, chmury, synchronizacji ani wspólnej edycji. Kopiowanie wartości wymaga dostępu do schowka lub bezpiecznego kontekstu przeglądarki. Interfejs jest dostępny w 21 językach, w jasnym, ciemnym lub systemowym motywie.

Główne elementy do przesyłania, filtrowania, sortowania, nazywania i eksportu to opisane elementy formularzy HTML dostępne z klawiatury, a przyciski motywu informują o stanie wciśnięcia. Część interakcji z paletą wciąż opiera się jednak na wskaźniku: sama próbka jest klikalna, ale nie jest elementem, do którego przejdziesz klawiaturą, a wygenerowana paleta nie jest udostępniana czytnikom ekranu jako uporządkowana tabela. Animacje interfejsu nie uwzględniają jeszcze preferencji ograniczonego ruchu.