Generator gradientów CSS

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

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.