Farbpipette als Erweiterung für Chrome, Edge und Firefox
Nimm eine Farbe an beliebiger Stelle einer Webseite auf oder füge einen Farbcode ein und kopiere ihn mit einem Klick als HEX, RGB, HSL oder OKLCH. Lies die Farbpalette einer ganzen Website aus und exportiere sie als CSS, Tailwind oder Design-Tokens.
Kostenlos, ohne Konto, funktioniert offline.
Was sie kann
- Pipette
- Nimmt die Farbe jedes Pixels der Seite auf und kopiert den Wert sofort in deinem Format.
- Versteht jede Farbe
- Füge HEX, rgb(), hsl(), oklch(), eine Tailwind-Klasse wie sky-500, Swift- oder Flutter-Code oder einen Namen wie Marineblau ein.
- Gibt jedes Format aus
- HEX, RGB, HSL und OKLCH nebeneinander, jedes mit einem Klick kopiert. Das gewählte Format wird zum Standard.
- Palette einer Website
- Sammelt die Farben und CSS-Variablen der geöffneten Seite, fasst fast gleiche zusammen und stellt die häufigsten nach vorn.
- Export
- Kopiert die Palette der Seite als CSS-Variablen, Tailwind-@theme-Block, SCSS, JSON, Design-Tokens oder SVG.
- Verlauf
- Deine letzten Farben warten im Fenster der Erweiterung. Sie bleiben nur in diesem Browser.
Berechtigungen
Die Erweiterung fragt nach vier Berechtigungen und nie nach Zugriff auf alle Websites. Jede hat genau eine Aufgabe.
activeTab- Zugriff auf den geöffneten Tab, und zwar erst nach einem Klick auf das Symbol der Erweiterung oder auf ihr Tastenkürzel.
scripting- Startet das kleine Skript, das die Farben dieser Seite liest, wenn du ihre Palette anforderst oder eine Farbe aufnimmst.
storage- Speichert deine letzten Farben und dein bevorzugtes Format in diesem Browser.
clipboardWrite- Kopiert die Farbe oder den Code, den du angefordert hast.
Wonach sie nie fragt
Zugriff auf alle Websites · Deinen Browserverlauf oder die Liste deiner Tabs · Analyse, Werbung oder Tracking · Code, der aus dem Internet nachgeladen wird
Tastenkürzel
Drücke Alt+Shift+P auf einer beliebigen Seite, um eine Farbe aufzunehmen, ohne das Fenster zu öffnen. Das Kürzel lässt sich in den Erweiterungseinstellungen des Browsers ändern.
Fragen und Antworten
Ist die PickShade-Erweiterung kostenlos?
Ja. Pipette, alle Formate, die Palette der Seite, Export und Verlauf sind kostenlos, ohne Konto und ohne Werbung.
Warum liest sie manche Seiten nicht?
Browser lassen keine Erweiterung ihre eigenen Seiten lesen, etwa Einstellungen, die neue Tab-Seite und Erweiterungs-Stores. Dort rechnet das Fenster eingefügte Farben trotzdem um, und in Chrome und Edge funktioniert auch die Pipette.
Schickt die Erweiterung meine Farben irgendwohin?
Nein. Farben werden in der Erweiterung mit derselben CSS-Color-4-Mathematik berechnet wie auf pickshade.com. Nichts geht an einen Server, und der Verlauf bleibt in deinem Browser.
Wie funktioniert die Pipette in Firefox?
Firefox hat keine eingebaute Pipette für Erweiterungen. Deshalb macht PickShade eine Aufnahme des sichtbaren Bereichs und zeigt eine Lupe. Klicke auf ein Pixel oder bewege die Lupe mit den Pfeiltasten und drücke Enter.