Projektowanie
Generator gradientów CSS
Generator gradientów CSS. Dane wejściowe: 2 colors. Wynik: CSS linear-gradient.
Otwórz narzędzie Wszystkie narzędzia
Narzędzia online: Kolory i projektowanie
Konwertuj i mieszaj kolory, sprawdzaj kontrast, twórz gradienty i efekty CSS oraz eksportuj palety do ponownego użycia.
KOLORY I PROJEKTOWANIEGGMET · FREE TOOLS18Narzędzia
$0Core features are free
WEBNo software installation
Projektowanie
Wybierz narzędzie
Code and formats
Projektowanie
Konwerter HEX, RGB, HSL i HSV
Konwerter HEX, RGB, HSL i HSV. Dane wejściowe: HEX, RGB, HSL, HSV. Wynik: color values.
Otwórz narzędzie
Projektowanie
Generator radialnych gradientów CSS
Generator radialnych gradientów CSS. Dane wejściowe: 2 colors. Wynik: CSS radial-gradient.
Otwórz narzędzie
Projektowanie
Generator wielokolorowych gradientów CSS
Generator wielokolorowych gradientów CSS. Dane wejściowe: color stops. Wynik: CSS linear-gradient.
Otwórz narzędzie
Projektowanie
Sprawdzanie kontrastu WCAG
Sprawdzanie kontrastu WCAG. Dane wejściowe: foreground + background. Wynik: contrast ratio.
Otwórz narzędzie
Projektowanie
Dobór czytelnego koloru tekstu
Dobór czytelnego koloru tekstu. Dane wejściowe: background color. Wynik: light or dark text choice.
Otwórz narzędzie
Projektowanie
Generator schematów kolorów
Generator schematów kolorów. Dane wejściowe: base color. Wynik: color palette.
Otwórz narzędzie
Projektowanie
Mieszanie kolorów
Mieszanie kolorów. Dane wejściowe: 2 colors. Wynik: mixed color.
Otwórz narzędzie
Projektowanie
Generator odcieni kolorów
Generator odcieni kolorów. Dane wejściowe: base color. Wynik: lighter and darker shades.
Otwórz narzędzie
Projektowanie
Generator CSS box-shadow
Generator CSS box-shadow. Dane wejściowe: CSS parameters. Wynik: CSS box-shadow.
Otwórz narzędzie
Projektowanie
Generator CSS text-shadow
Generator CSS text-shadow. Dane wejściowe: text + shadow parameters. Wynik: CSS text-shadow.
Otwórz narzędzie
Projektowanie
Generator CSS border-radius
Generator CSS border-radius. Dane wejściowe: corner values. Wynik: CSS border-radius.
Otwórz narzędzie
Projektowanie
Generator filtrów CSS do obrazów
Generator filtrów CSS do obrazów. Dane wejściowe: image preview. Wynik: CSS filter.
Otwórz narzędzie
Projektowanie
Generator Glassmorphism
Generator Glassmorphism. Dane wejściowe: background and panel parameters. Wynik: CSS.
Otwórz narzędzie
Projektowanie
Generator wzorów CSS
Generator wzorów CSS. Dane wejściowe: colors and pattern settings. Wynik: CSS background.
Otwórz narzędzie
Projektowanie
Generator separatorów SVG
Generator separatorów SVG. Dane wejściowe: shape parameters. Wynik: SVG.
Otwórz narzędzie
Projektowanie
Generator zmiennych CSS
Generator zmiennych CSS. Dane wejściowe: palette. Wynik: CSS custom properties.
Otwórz narzędzie
Projektowanie
Eksport palety kolorów
Eksport palety kolorów. Dane wejściowe: palette. Wynik: CSS, JSON, SVG, PNG.
Otwórz narzędzieNarzędzia online: Kolory i projektowanie
Czy potrzebuję konta?
Nie. Podstawowe funkcje narzędzi są dostępne bez rejestracji.
Czy GGMet zapisuje moje pliki?
Nie. Wybrane pliki służą tylko do utworzenia żądanego wyniku i nie są zapisywane przez GGMet.
Od czego zależy limit przetwarzania?
Praktyczny limit zależy od rozmiaru plików, wybranej operacji i pamięci dostępnej na urządzeniu.