StylePeek — Inspektor stylów designu

Natychmiast sprawdzaj czcionki, kolory i odstępy na dowolnej stronie — bez otwierania DevTools.

StylePeek to inspektor designu stworzony z myślą o szybkości. Otwórz panel boczny, kliknij dowolny element i od razu zobacz jego style. Bez przeładowywania stron, bez ingerencji w DOM, bez komplikacji.

JAK TO DZIAŁA:
1. Kliknij ikonę StylePeek, aby otworzyć panel boczny
2. Kliknij „Rozpocznij inspekcję" i wybierz dowolny element na stronie
3. Natychmiast zobacz typografię, kolory i odstępy w panelu bocznym
4. Skopiuj dowolną wartość jednym kliknięciem

Panel boczny pozostaje otwarty podczas przeglądania — sprawdzaj elementy na różnych stronach i kartach bez ponownego otwierania.

BEZPŁATNE FUNKCJE:
- Sprawdzanie rodziny czcionek, rozmiaru, grubości i wysokości wiersza
- Wyodrębnianie kolorów (hex, RGB, HSL) z podglądem próbek
- Pomiar marginesów i paddingu z wizualnym modelem pudełkowym
- Kopiowanie dowolnej wartości jednym kliknięciem
- Działa na każdej stronie internetowej

FUNKCJE PRO:
- Eksport stylów jako klas Tailwind CSS
- Eksport jako niestandardowe właściwości CSS lub tokeny designu JSON
- Wyodrębnianie kolorów z obrazów
- Pełna analiza designu strony i przegląd stylów

PRYWATNOŚĆ:
- Cała inspekcja odbywa się lokalnie w przeglądarce — żadne dane nie są wysyłane na serwer
- Bez wstrzykiwania do DOM — badane strony pozostają całkowicie czyste
- Do bezpłatnych funkcji nie jest wymagane konto

DLACZEGO UPRAWNIENIA HOSTA:
StylePeek potrzebuje dostępu do stron internetowych, aby odczytywać style CSS elementów, na które klikasz. Jest to wymagane, aby panel boczny działał między kartami. Zawartość stron nie jest zbierana, zapisywana ani przesyłana.

Idealny dla projektantów stron sprawdzających strony referencyjne, programistów frontend debugujących układy oraz zespołów design systemów kontrolujących spójność.