Generator gradientów FREE

Zbuduj gradient liniowy, promienisty lub stożkowy z własnych punktów i skopiuj CSS. Interpolacja w OKLCH pozwala uniknąć szarego pasa, który sRGB wstawia w środku.

Za darmo Bez rejestracji Prywatność przede wszystkim

HEX, rgb(), hsl(), hwb(), oklch(), oklab(), lab(), lch(), color(display-p3 ...) albo nazwa koloru CSS.

Ostatnie

Gradienty

Każda konwersja, paleta i liczba kontrastu na tej stronie jest liczona w Twojej przeglądarce. Obraz, który upuścisz, jest odczytywany na kanwie w tej karcie i nie trafia na serwer.

Jak to działa

O tym, co powstaje w CSS

Gradienty liniowe, promieniste i stożkowe, z dowolną liczbą punktów, przeciąganych na miejsce i kopiowanych jako CSS. Kąt, kształt i położenie są częścią wyniku, więc to, co wklejasz, wygląda tak samo jak na stronie.

Interpolacja w OKLCH jest tu dlatego, że interpolacja w sRGB przeciąga przez środek wielu gradientów matowy pas - niebieski do żółtego to klasyczny przypadek. Dołączana jest też zwykła postać sRGB, więc przeglądarka, która nie rozumie nowszej składni, i tak narysuje gradient.

Baza wiedzy
Website Audit in 2026: The Complete SEO, Core Web Vitals, Accessibility and Security Checklist
23 Jul 202620 min read

Audyt strony internetowej w 2026 roku: kompletna checklista SEO, Core Web Vitals, dostępności i bezpieczeństwa

Dobry audyt strony internetowej nie jest jednym wynikiem z Lighthouse ani listą kilkudziesięciu automatycznych ostrzeżeń. Powinien odpowiedzieć na cztery pytania: czy wyszukiwarka może poprawnie znaleźć i zrozumieć stronę, czy użytkownik może sprawnie wykonać zadanie, czy witryna jest wystarczająco szybka oraz czy nie naraża właściciela i odwiedzających na niepotrzebne ryzyko.

Read article
Chrome versus Firefox versus Edge versus Safari comparison cover in POLPROG AI Tools series
17 Jul 202617 min read

Chrome vs Firefox vs Edge vs Safari: czego nauczyło nas wydanie 9 rozszerzeń przeglądarkowych?

Dziewięć rozszerzeń, cztery przeglądarki i znacznie więcej niż jeden plik `manifest.json`. Pokazujemy, gdzie naprawdę kończy się wspólny kod, dlaczego Safari wymaga osobnego procesu oraz jakie błędy ujawniają dopiero Firefox i sklepy z dodatkami.

Read article
Claude Code versus OpenAI Codex versus Gemini CLI comparison cover in POLPROG AI Tools series
17 Jul 202618 min read

Claude Code vs OpenAI Codex vs Gemini CLI: najlepszy agent AI do programowania w 2026 roku

Claude Code, OpenAI Codex i Gemini CLI potrafią czytać repozytorium, edytować pliki oraz uruchamiać testy, ale zostały zaprojektowane do innego stylu pracy. Porównujemy jakość, benchmarki, bezpieczeństwo, pracę równoległą, rozszerzenia, ceny i prywatność.

Read article

Twórz lepszy internet, szybciej.

Tworzymy dedykowane oprogramowanie i rozwiązania dopasowane do Twoich potrzeb.

Skontaktuj się