Pixel Toolkit
Präzise Farbinspektion auf jeder Seite.
Pixel Toolkit hilft Designern und Entwicklern, pixelgenaue Informationen zu erfassen. Samplen Sie Farben, überprüfen Sie Kontrastverhältnisse und synchronisieren Sie Tokens zurück zu Ihrem Design-System.
Funktioniert mit den neuesten Chrome-Versionen auf macOS, Windows und Linux.
Pixel Toolkit
Chrome Web Store
Inspizieren Sie Farben, generieren Sie Paletten und exportieren Sie Design-Tokens sofort.
5K+ Installationen
4,7 / 5 Bewertung
Offline-fähig
- Version
- 0.9.8
- Zuletzt aktualisiert
- 15. Februar 2024
- Paketgröße
- 2,2 MB
- Sprachen
- English, 中文
- Kompatibilität
- Chrome
Key Capabilities
Für Produktteams entwickelt
Paletten-Verlauf
Behalten Sie eine Zeitachse gesampleter Farben über Ihre Design-Sprints bei.
Raster-Inspektor
Messen Sie Abstände, Typografie-Skala und Ausrichtung in jeder Web-Oberfläche.
Offline-Modus
Erfassen Sie Farben auch beim Prüfen von Staging-Builds ohne Internetverbindung.
Präzisions-Pipette
Samplen Sie jedes Pixel mit Sub-Pixel-Zoom und erhalten Sie Farbwerte in HEX, RGB, HSL und LAB.
Barrierefreiheits-Prüfungen
Berechnen Sie sofort WCAG-Kontrastverhältnisse und erhalten Sie umsetzbare Anpassungen.
Token-Export
Kopieren Sie Paletten-Tokens in JSON oder CSS-Variablen bereit für Ihre Codebasis.
Farbintelligenz-UI
Erkunden Sie das Pixel Toolkit ohne Installation.
Paletten-Inspektor
Sehen Sie gruppierte Farbfelder, Nutzungsempfehlungen und schnelle Export-Aktionen.
Token-Dashboard
Organisieren Sie Variablen nach Thema und pushen Sie Updates zu Ihrem Repository.
Präzise Farbinspektion auf jeder Seite.
Inspizieren Sie Farben, generieren Sie Paletten und exportieren Sie Design-Tokens sofort.