Narzędzie do rekomendacji zestawień kolorów

Profesjonalny generator palet kolorów obsługujący wiele trybów, takich jak monochromatyczny, dopełniający i triadyczny, umożliwia masowe generowanie schematów kolorów oraz ich eksport.

Zgłoszenie błędu

Tryb wykonywania w przeglądarce: Twoje dane są przetwarzane w przeglądarce i nie są przesyłane na serwer.

Szybkość i stabilność: Szybkość przetwarzania zależy od urządzenia i przeglądarki. Przy dużych zadaniach wsadowych wersja desktopowa może być stabilniejsza.

Ładowanie narzędzia, czekaj...

Jeśli narzędzie online nie ładuje się lub nie działa, wypróbuj narzędzie desktopowe. https://tools.yikeaigc.com/

Użycie narzędzia

Wróć do starej wersji

Najpierw ustaw, potem przetwarzaj

Najpierw wybierz kolor główny i reguły, potem wygeneruj eksport

Zacznij od kolorów przykładowych lub wpisz HEX. Każdy krok ma przycisk Dalej; po ustawieniu możesz generować, zapisać i pobrać.

HEX / RGB / HSL / CMYK Monochromatyczne / Dopełniające / Triada CSS / SCSS / JSON / PNG Ustawienia można zapisać

Aktualny kolor główny Kliknij wartość koloru, aby skopiować

HEX

RGB

HSL

Ustawienia koloru głównego

Najpierw ustaw kolor główny. Użyj próbnika, pola HEX lub suwaków HSL; paleta będzie aktualizowana na żywo.

Kolor bazowyObsługuje 6-cyfrowy HEX

Wartość koloru HEX Przykład: #0F6FAE

CMYK

Precyzyjne HSLDo korekty odcienia, nasycenia i jasności

Odcień205°

Nasycenie78%

Jasność37%

Nazwa palety

Kolory przykładowePo kliknięciu można dalej dostosować

Reguły kolorów

Wybierz model kolorów, a potem liczbę kolorów i przesunięcie jasności. Najpierw wygeneruj z domyślnymi ustawieniami, potem dostosuj do projektu.

Model kolorówKolory analogiczne dają spójny, łagodny styl

Parametry generowaniaNajpierw ustaw parametry, potem podgląd

Liczba kolorów

Kąt sąsiedztwa24°

Przesunięcie nasycenia0%

Przesunięcie jasności0%

Neutralizacja8%

Sortowanie

Typ gradientu

Kąt gradientu90°

Podgląd i korekta

Sprawdź kody kolorów, czytelność tekstu i podgląd interfejsu. Kliknij dowolną wartość, aby skopiować.

Schemat kolorów5 kolorów

Podgląd interfejsuDo szybkiej oceny hierarchii

Kod gradientuMożna skopiować do CSS

Zapis i eksport

Możesz wyeksportować bieżący schemat lub wygenerować wiele naraz. Wyniki zbiorcze pokazują tylko pierwsze 20, pobieranie zawiera wszystkie.

Opcje wsadoweUstaw ilość według potrzeb

Liczba schematów

Zakres zmian

Eksportuj zawartośćDo plików i kodu

HEX RGB HSL CMYK

JSON CSS SCSS PNG

PobieranieZIP spakuje wszystkie wyniki zbiorcze

Wyniki zbiorczeNie wygenerowano zbiorczo

Najpierw ustaw kolor główny i reguły palety, potem kliknij „Generuj zbiorczo”.

Zapisane schematy0

Zapisane schematy pojawią się tutaj. Możesz je ponownie zastosować lub usunąć.

Instrukcje

Instrukcja użytkowania oprogramowania

Ustaw kolor główny: w sekcji „Ustawienia koloru głównego” użyj próbnika kolorów, pola HEX lub suwaków HSL, aby ustawić kolor bazowy. Możesz też kliknąć przykładowy kolor, aby szybko go wczytać.
Wybierz regułę kolorystyczną:
- Monochromatyczna: generuje poziomy jasności na podstawie tego samego odcienia, odpowiednia do projektów o spójnym stylu.
- Analogiczna: wybiera sąsiednie odcienie, odpowiednia do miękkich, warstwowych efektów wizualnych.
- Dopełniająca: używa kolorów po przeciwnej stronie koła barw, odpowiednia do wyróżniania przycisków, nagłówków i kluczowych treści.
- Rozdzielona dopełniająca: dodaje łagodniejsze kolory do kontrastowej relacji, odpowiednia do grafik operacyjnych i wizualizacji kampanii.
- Triada, tetrada, układ kwadratowy: odpowiednie do wykresów, etykiet kategorii i interfejsów wielomodułowych.
- Neutralna: odpowiednia do stron biznesowych, interfejsów narzędziowych i projektów dokumentacyjnych.
Dostosuj parametry generowania: ustaw liczbę kolorów, kąt sąsiedztwa, przesunięcie nasycenia, przesunięcie jasności, poziom neutralizacji, sposób sortowania i kąt gradientu.
Podgląd schematu kolorów: przejdź do „Podgląd i dopracowanie”, aby zobaczyć informacje HEX, RGB, HSL i kontrast dla każdego koloru. Kliknij przycisk z wartością koloru, aby ją skopiować.
Zapisz schemat i ustawienia: kliknij „Zapisz bieżący schemat”, aby dodać schemat kolorów do ulubionych, lub „Zapisz ustawienia”, aby zapisać bieżące parametry do późniejszego użycia.
Generowanie zbiorcze: przejdź do „Zapis i eksport”, ustaw liczbę schematów oraz zakres zmian, a następnie kliknij „Generuj zbiorczo”, aby utworzyć wiele zestawów kolorów. Interfejs pokazuje pierwsze 20 schematów, a pobrany plik zawiera wszystkie wyniki.
Eksport plików: możesz pobrać osobno pliki JSON, CSS, SCSS i PNG albo wybrać zawartość eksportu i pobrać archiwum ZIP.

Często zadawane pytania

Odp.: Monochromatyczna pasuje do rozszerzeń identyfikacji marki i prostych interfejsów; analogiczna do miękkich, spójnych stron; dopełniająca do podkreślania kluczowych informacji; triada do wykresów i układów wielomodułowych; neutralna do narzędzi biznesowych i dokumentacji.

Odp.: Wpisz kod koloru w polu HEX, np. #0F6FAE, a narzędzie automatycznie zaktualizuje próbnik kolorów, suwaki HSL i podgląd palety. Możesz też dopracować kolor za pomocą suwaków odcienia, nasycenia i jasności.

Odpowiedź: Plik CSS generuje kody kolorów w formie zmiennych, które można wykorzystać w stylach stron internetowych; plik SCSS jest odpowiedni dla projektów Sass. Oba formaty ułatwiają ponowne użycie w systemach projektowych, przełączaniu motywów i stylach komponentów.

Odpowiedź: Generowanie zbiorcze opiera się na bieżącym kolorze głównym, zasadach doboru kolorów i zakresie zmian, rozsądnie przesuwając odcień, nasycenie i jasność, aby uzyskać wiele powiązanych stylistycznie, ale niepowtarzalnych schematów kolorów.

Odpowiedź: Zapisane schematy są przechowywane w pamięci lokalnej bieżącego urządzenia. Po wyczyszczeniu danych witryny lub zmianie urządzenia wcześniej zapisane schematy mogą przestać się wyświetlać, dlatego zaleca się terminowe eksportowanie ważnych schematów do pliku.

Odpowiedź: Nie. Obliczenia kolorów, zapisywanie schematów i generowanie plików odbywają się na bieżącym urządzeniu, a kolor główny, schematy i eksportowana zawartość nie są przesyłane na serwer.

Odp.: W sekcji „Podgląd dopasowania” sprawdź kontrast białego i ciemnego tekstu dla każdego koloru. Im wyższa wartość, tym czytelniejszy tekst. W przypadku tła dla treści zaleca się wybór koloru tekstu o wyższym kontraście.