Kolory i projektowanie CSS
Studio kolorów, palet i kontrastu
Konwertuj modele kolorów, twórz skale CSS, wyodrębniaj palety i sprawdzaj kontrast wg WCAG lub APCA.
Otwórz narzędzieKolekcja narzędzi
Studia kolorów, dostępności i CSS
Porównuj kolory i kontrast, przygotowuj gradienty i cienie, potem buduj layouty oparte na Grid, Flexbox lub płynnych skalach. Wyniki weryfikacji kontrastu zależą od wybranego standardu i nie zastępują pełnego audytu dostępności.
Studia do eksploracji kolorów, weryfikacji kontrastu i projektowania gradientów, cieni oraz layoutów CSS.
Narzędzia kolekcji
4 narzędzia
Kolory i projektowanie CSS
Studio gradientów, cieni i animacji CSS
Twórz gradienty, cienie, filtry, transformacje CSS i animacje z podglądem.
Otwórz narzędzieKolory i projektowanie CSS
Studio CSS Grid, Flexbox i płynnej typografii
Projektuj siatki CSS, layouty Flexbox, płynne rozmiary czcionek i elastyczne odstępy.
Otwórz narzędzieObrazy i grafika wektorowa
Studio SVG i ikon wektorowych
Edytuj kod SVG, viewBox i kolory, optymalizuj ścieżki, a następnie eksportuj do TSX/JSX, CSS Data URI, PNG lub WebP.
Otwórz narzędzieObjęte kategorie
Pytania o narzędzia projektowe i CSS
Czy studio kolorów sprawdza kontrast wg WCAG i APCA?
Strona studia kolorów opisuje dostępne metody i pomiary. Sprawdź wybrany tryb i interpretuj wynik w kontekście użycia.
Powiązane kolekcje
Przeglądaj narzędzia według typu zadania.
Przeglądaj wszystkie narzędzia