Przejdź do treści
Logo CrateX.app

CrateX.app

Próbnik Kolorów Obrazu i Paleta

Próbnik Kolorów Obrazu i Paleta

Próbnik Kolorów Obrazu i Paleta pozwala wskazywać kolory na obrazie, wyodrębniać dominujące barwy i eksportować zmienne CSS lub JSON do pracy nad designem, kolorami marki i motywami.

Przeciągnij i upuść obraz tutaj lub kliknij aby wybrać

Obsługuje PNG / JPEG / WebP / AVIF / HEIC / HEIF
Próbnik Kolorów Obrazu i Paleta

Szybki start

1
Importuj obraz: Przeciągnij i upuść lub kliknij aby wybrać
2
Zmień panel: Desktop pokazuje panel boczny; Mobilnie dotknij dolny przycisk
3
Kliknij aby wybrać: Kliknij gdziekolwiek na obrazie aby uzyskać kolor tego piksela
4
Kopiuj kolor: Po wybraniu kopiuj format HEX/RGB/CSS
5
Ustaw liczbę kolorów: Przeciągnij suwak lub kliknij preset (4/6/8/12/16/24/32)
6
Wyodrębnij paletę: Kliknij przycisk wyodrębniania dla listy kolorów dominujących
7
Eksportuj CSS: Po wyodrębnieniu eksportuj plik zmiennych CSS
8
Eksportuj JSON: Po wyodrębnieniu eksportuj plik danych JSON
9
Resetuj: Wyczyść bieżący obraz i wyniki

Typowe scenariusze

Wybór kolorów projektu/plakatu

Wyodrębnij kolory podstawowe i akcentujące dla schematu kolorów

Motyw/system projektowy

Eksportuj zmienne CSS lub JSON dla projektu

Stylowanie komponentów

Wyodrębnij pasujące kolory dla przycisków, tagów, wykresów

Spójność marki

Wyodrębnij standardową paletę kolorów z zasobów marki

Opcje Próbnika Kolorów i Palety

Liczba kolorów: 2–32, zwykle 8/12; zdjęcia/gradienty sugerują 16–32
Przyciski presetów: 4/6/8/12/16/24/32 przełączanie jednym kliknięciem
Sortowanie: Według procentu od wysokiego do niskiego, najczęstsze kolory pierwsze
Liczba obok koloru: Pokazuje procent pikseli w obrazie

Wskazówki użycia

Zacznij od 8/12 aby zobaczyć ogólny efekt, potem zwiększ do 16/24/32 w razie potrzeby
Przy użyciu w projekcie zmień --color-1 na semantyczne nazwy (np. --color-primary)
Utrzymuj stronę na pierwszym planie przy wyodrębnianiu dużych obrazów aby uniknąć ograniczania przez przeglądarkę

Ograniczenia i kompatybilność

Limit pojedynczego pliku 128MB, bardzo duże obrazy mogą powodować spowolnienie
Wyodrębnianie palety automatycznie zmniejsza próbkowanie dla wydajności, wyniki to kolory reprezentatywne
Dekodowanie HEIC/HEIF zależy od wsparcia przeglądarki, konwertuj do JPG/PNG jeśli się nie powiedzie
Przezroczyste piksele są ignorowane lub przetwarzane jako rzeczywiste RGBA

Prywatność i bezpieczeństwo

Całe przetwarzanie odbywa się lokalnie w przeglądarce. Bieżącą zawartość możesz w każdej chwili zastąpić, wyczyścić i przetworzyć ponownie.

Najczęstsze pytania

5

Przejdź do kolejnego kroku z tymi powiązanymi narzędziami.