Generator palet gradientowych RGB
Zbuduj powtarzalną rampę kolorów, podglądaj każdy wygenerowany krok i skopiuj dokładną sekwencję HEX dla CSS, wykresów lub tokenów projektowych.
Rozpocznij
Generator palet gradientowych RGB
Zbuduj powtarzalną rampę kolorów, podglądaj każdy wygenerowany krok i skopiuj dokładną sekwencję HEX dla CSS, wykresów lub tokenów projektowych.
Do czego służy to narzędzie
Zbuduj powtarzalną rampę kolorów, podglądaj każdy wygenerowany krok i skopiuj dokładną sekwencję HEX dla CSS, wykresów lub tokenów projektowych.
Przykład działania
#2563EB → #EC4899, 5 kolorów
#2563EB, #575CD7, #8956C2, #BA4FAE, #EC4899
Jak powstaje wynik
Każdy kolor pośredni jest tworzony przez interpolację liniową kanałów czerwonego, zielonego i niebieskiego. Punkty końcowe są zachowane, a pozostałe kolory są rozmieszczone w równych odstępach.
Przydatne zastosowania
- Tworzenie uporządkowanych kolorów wykresów lub ramp map cieplnych
- Budowanie kolorów stanów i najechania między dwoma tokenami projektowymi
- Generowanie zwartej palety dla gradientu tła
Ważne ograniczenia
- Interpolacja RGB może wyglądać na ciemniejszą lub brudniejszą między niektórymi kolorami dopełniającymi.
- Paleta o gładkim wyglądzie nie jest automatycznie dostępna dla osób z daltonizmem.
- Ten generator tworzy równomiernie rozmieszczone kolory RGB; nie deklaruje jednorodności percepcyjnej.
Często zadawane pytania
Dlaczego punkt środkowy może wyglądać na szary lub brudny?
Przeciwstawne kanały RGB mogą uśredniać się do neutralnego koloru. Dodaj odpowiedni kolor środkowy w wielopunktowym przepływie CSS, gdy ważna jest wizualna żywość.
Ile kolorów powinienem wygenerować?
Użyj najmniejszej liczby odpowiadającej odrębnym stanom lub pasmom danych, których potrzebujesz; ciągłe tła mogą używać więcej kroków.
Liczba obejmuje oba końce i domyślnie wynosi 10. Część ułamkowa jest odrzucana, a liczba ograniczana do 2–100. Panele obsługują HEX, RGB, HSV i HSL, lecz interpolacja zawsze używa zakodowanych kanałów RGB z zaokrągleniem do liczb całkowitych. Podgląd ma stały kierunek 90°. Nie ma dodatkowych punktów, alfy ani wyboru przestrzeni barw. Wynik to jeden HEX na wiersz, bez kodu CSS i pobierania obrazu.
Przetwarzanie odbywa się lokalnie w przeglądarce.