Kolor

Gradienty

Dwanaście meshy

Dziewięć przyjętych — sześć na czarnym tle, trzy na białym. Wspólny parametr: rozmycie 89. Ziarno nie siedzi w plikach, tylko w arkuszu, warstwą nad nimi: 21% w trybie luminosity, kafelek o stałym rozmiarze w pikselach.

02 ciemny

03 ciemny

04 ciemny · użyty w hero

05 ciemny

06 ciemny

07 ciemny

08 jasny

09 jasny

10 jasny

Paleta

Piątka marki

Kanały chodzą po jednym zbiorze liczb — 8, 21, 55, 89, 144, 233. Stąd granat i niebieski są z jednej rodziny mimo różnego wrażenia.

Rdzeń

Niebieski i czarny zmierzone na żywej gsi-podklucz.pl 2 sierpnia 2026, nie przepisane z pamięci. Opisy mówią, gdzie kolor stoi na stronie.

Drugi zestaw

Drabiny rozjaśnień i gradienty liniowe

Ze screenshotu wyszły dwie rzeczy, których meshe nie dają: rozjaśnienia każdego koloru i trzy dwustopniowe gradienty do zapisania w CSS. Bazy screenshotu były przesunięte względem piątki — poniżej wszystko przeliczone na kanoniczne hexy przez color-mix, krokami 20 / 40 / 60 procent bieli.

Pięć par

Pięć kolorów daje dziesięć kombinacji, ale tylko połowa nadaje się do użycia. Kryterium jest mierzalne: ile nasycenia gubi się w połowie przebiegu. linear-gradient interpoluje po linii prostej między dwoma punktami, więc im dalej od siebie leżą barwy, tym bliżej osi neutralnej ta linia przechodzi — i tym bardziej środek siwieje. Poniżej pięć par, które ten test przechodzą, uszeregowanych od najczystszej.

Generator

Nowe meshe robimy tutaj

Odpowiednik generatora z learnui.design, z jedną różnicą, dla której powstał: nie da się nim wyprodukować gradientu spoza palety. Tamto narzędzie przyjmuje dowolne hexy, więc pierwszą rzeczą w pośpiechu jest wklejenie barwy „mniej więcej naszej". Tu barwy są zamknięte, a losowanie chodzi po łańcuchu sąsiedztw, więc plamy lądujące obok siebie nie robią martwej strefy w przejściu.