Darmowe narzędzia online działające w przeglądarce
Darmowe narzędzia Color & Design działające w 100% w przeglądarce. Bez przesyłania plików, bez rejestracji, bez instalacji — Twoje dane nigdy nie opuszczają urządzenia.
Próbnik kolorów (Color Picker)
Wybierz kolor i od razu skopiuj wartości HEX, RGB i HSL. Generuj odcienie jaśniejsze i ciemniejsze do teł, obramowań i stanów interfejsu.
Konwerter HEX RGB
Konwertuj kolory między HEX, RGB(A) i HSL(A) z aktualizacją na żywo, obsługą alfa i gotowymi do skopiowania wartościami CSS.
Generator palet kolorów
Generuj harmonijne palety kolorów z jednego koloru bazowego, w tym schematy komplementarne, analogiczne, triadyczne i monochromatyczne – w przeglądarce.
Generator gradientów CSS
Twórz liniowe i radialne gradienty CSS z wieloma punktami koloru, podglądem na żywo i gotowym do skopiowania kodem CSS background.
Generator Box Shadow
Twórz cienie CSS box-shadow za pomocą suwaków przesunięcia, rozmycia, rozciągnięcia, koloru, przezroczystości i trybu inset z podglądem na żywo.
Kontrola kontrastu (Contrast Checker)
Sprawdź współczynnik kontrastu WCAG między kolorem tekstu i tła, z wynikami AA i AAA (zaliczone/niezaliczone) oraz podglądem na żywo.
Generator odcieni Tailwind
Wygeneruj 11-stopniową skalę odcieni w stylu Tailwind (50-950) z bazowego koloru HEX, ze zmiennymi CSS i JSON gotowymi do skopiowania.
Generator filtrów CSS
Twórz efekty CSS filter() wizualnie dzięki suwakom rozmycia, jasności, kontrastu, skali szarości, obrotu odcienia i nie tylko.
Generator Border Radius
Twórz standardowe i eliptyczne wartości CSS border-radius z podglądem na żywo i kodem CSS do skopiowania – wszystko w przeglądarce.
Generator glassmorphism
Twórz CSS kart z efektem szkła mrożonego, z regulacją rozmycia, przezroczystości, odcienia, obramowania i promienia – prosto w przeglądarce.
Generator neumorfizmu
Generuj neumorficzny CSS soft UI z parami cieni, kolorem powierzchni, promieniem i płaskim, wklęsłym lub wypukłym kształtem – bezpośrednio w przeglądarce.
Generator duotone
Nałóż dwukolorowy efekt duotone na obraz w przeglądarce i wyeksportuj wynik jako PNG – bez wysyłania czegokolwiek na serwer.
Mikser kolorów — Mieszanie dwóch kolorów
Mieszaj dwa kolory w wybranej proporcji RGB i kopiuj gotowe wartości HEX, RGB oraz HSL bezpośrednio w przeglądarce.
Wyszukiwarka nazw kolorów CSS
Znajdź najbliższą nazwę koloru CSS dla dowolnej wartości HEX na podstawie odległości RGB, z próbkami kolorów i przyciskami kopiowania.
Generator motywów CSS
Wybierz kolory marki i wygeneruj po stronie klienta motyw :root z niestandardowymi właściwościami CSS oraz pochodnymi tokenami hover, obramowania i powierzchni.
Generator fal SVG
Twórz wielowarstwowe fale SVG z regulowaną amplitudą, złożonością, gładkością i kolorami. Skopiuj SVG lub CSS albo pobierz SVG i PNG.
Generator blobów
Generuj losowe, organiczne bloby SVG z regulowaną liczbą punktów, losowością, wypełnieniem gradientowym i konturami. Skopiuj SVG lub pobierz PNG.
Generator gradientów siatkowych (mesh)
Twórz gradienty siatkowe z 3 do 6 przeciąganych punktów kolorów z rozmyciem i szumem. Skopiuj CSS lub pobierz obraz PNG.
Generator CSS Clip-Path
Edytuj kształty CSS clip-path wizualnie za pomocą gotowych ustawień, przeciąganych punktów wielokąta i suwaków. Skopiuj CSS clip-path.