Einfache Pipette

Kostenlose Farbpipette für Chrome

Farbe von jeder Seite aufnehmen. Du erhältst #E8553D

Einfache Pipette ist eine kostenlose Farbpipette für Chrome. Klicke auf die Schaltfläche oder drücke Alt+P, ziele mit der Zoom-Lupe auf einen beliebigen Pixel und klicke: Der HEX-, RGB- oder HSL-Code liegt schon in der Zwischenablage. Die letzten 50 Farben warten im Popup.

Zu Chrome hinzufügen — kostenlos

453 Nutzer im Chrome Web Store

Funktioniert auch in Edge, Brave, Opera und anderen Chromium-Browsern.

Die quadratische Zoom-Lupe über einem Poster auf einer Webseite erfasst einen Pixel mit HEX, RGB und HSL, daneben das Popup von Einfache Pipette mit #E8553D und einer Liste der zuletzt gewählten Farben

Auf einen Blick

Funktion
Eine Farbpipette: Ziele mit einer Zoom-Lupe auf einen beliebigen Pixel einer Webseite, klicke, und der HEX-, RGB- oder HSL-Code wird kopiert.
Für wen
Für Webentwickler und Designer, die Farben von Live-Seiten, Mockups und Screenshots im Browser abgleichen, und für alle, die einen Farbcode brauchen.
Preis
Kostenlos. Kein Konto, keine kostenpflichtige Version.
Daten
Verlauf und Standardformat bleiben im lokalen Speicher der Erweiterung auf deinem Gerät. Keine Analyse, keine Netzwerkanfragen.
Läuft in
Chrome und anderen Chromium-Browsern, die Erweiterungen aus dem Chrome Web Store installieren, auf dem Computer. Nicht auf Browserseiten wie dem neuen Tab, den Einstellungen oder dem Chrome Web Store.
Grenzen
Wählt aus dem sichtbaren Teil des Tabs, anhand eines Schnappschusses beim Start. Kein CMYK, kein Pantone, keine Kontrastprüfung und keine Auswahl außerhalb des Browsers.
Version
2.7.0, aktualisiert 23. Oktober 2026

Drei Schritte, ein Klick

  1. 1

    Pipette starten

    Klicke auf das Symbol in der Symbolleiste und dann auf „Farbe auswählen“, oder drücke auf einer beliebigen Seite Alt+P.

  2. 2

    Mit der Lupe zielen

    Eine quadratische Lupe vergrößert die Umgebung des Cursors und erfasst genau einen Pixel. Ein Chip darunter zeigt HEX, RGB und HSL live.

  3. 3

    Klicken und einfügen

    Der Code wird im Standardformat kopiert, ein kurzer Hinweis bestätigt es. Füge ihn in CSS, Figma oder eine Nachricht ein.

Wer es nutzt

CSS

Frontend-Arbeit

Exakte Werte von einer Live-Seite für CSS, SCSS oder eine Tailwind-Konfiguration übernehmen, ohne DevTools zu öffnen.

HEX

Design- und Markenprüfung

Eine Palette aus einer Oberfläche, einem Mockup oder einer Vorlage aufnehmen und prüfen, ob eine Seite die richtige Markenfarbe nutzt.

HSL

Farben anpassen

HSL nehmen, um Helligkeit und Sättigung von Hand zu justieren, oder RGB für Code, der Zahlen braucht.

Funktionen

  • Pixel, eingerahmt

    Die Lupe vergrößert 11 × 11 Pixel um den Cursor, ein Fadenkreuz rahmt den Pixel, den du übernimmst. Triff einen Rand von einem Pixel oder eine einzelne Stufe eines Verlaufs.

  • Formate

    HEX wie #2A6FDB, RGB wie rgb(42, 111, 219), HSL wie hsl(217, 71%, 51%). Das Standardformat wählst du einmal im Popup.

  • Farben im Verlauf

    Jede Auswahl landet vorn in einem Raster deiner letzten 50 Farben, ohne Duplikate. Klicke auf ein Farbfeld, um alle drei Codes zu sehen und zu kopieren.

  • Tastenkürzel Alt+P

    Starte die Auswahl, ohne das Popup zu öffnen. Die Taste im Popup öffnet die Tastenkürzel-Einstellungen von Chrome, falls du eine andere Taste willst.

  • Netzwerkanfragen

    Alles läuft in deinem Browser. Kein Konto, keine Analyse, keine Telemetrie.

  • Hell und dunkel

    Popup und Lupe folgen deinem System-Design, in neutralen Grautönen, die die Farben, die du beurteilst, nicht einfärben.

So findest du den Farbcode von allem auf einer Webseite

Die Pipette von Chrome steckt in den DevTools: Öffne den Bereich „Stile“, suche eine Farbeigenschaft, klicke auf ihr Farbfeld und dann auf die Pipette. Das funktioniert, ist aber versteckt, und der gewählte Wert ersetzt die Eigenschaft im CSS der Seite, statt in der Zwischenablage zu landen.

Einfache Pipette legt eine Farbpipette einen Klick oder ein Tastenkürzel entfernt. Beim Start macht sie einen Schnappschuss des sichtbaren Tab-Bereichs und legt eine quadratische Lupe darüber, sodass du genau den Pixel siehst, keinen Durchschnitt. Ein Klick kopiert den Code, und das Popup speichert ihn mit deinen letzten 50 Farben in allen drei Formaten.

Scrolle vor dem Start zu der Stelle, die du brauchst: Die Lupe liest aus diesem Schnappschuss. Browserseiten wie der neue Tab, die Einstellungen und der Chrome Web Store sind für alle Erweiterungen gesperrt.

Datenschutz von Anfang an

  • Keine Netzwerkanfragen

    Die Erweiterung spricht nie mit einem Server. Keine Analyse, keine Telemetrie.

  • Bleibt auf deinem Gerät

    Verlauf und Standardformat liegen im lokalen Speicher der Erweiterung.

  • Vier Berechtigungen

    Der aktive Tab, nur wenn du eine Auswahl startest, für den Schnappschuss; Scripting, um die Lupe anzuzeigen; Speicher für Verlauf und Format; Schreibzugriff auf die Zwischenablage, um den Code zu kopieren.

DevTools-Pipette im Vergleich mit Einfache Pipette

DevTools-Pipette im Vergleich mit Einfache PipetteDevTools-PipetteEinfache Pipette
StartDevTools öffnen, unter „Stile“ eine Farbe suchen, auf ihr Farbfeld klicken, dann auf die PipetteSymbolleisten-Button oder Alt+P
Ergebnis landet inIn der geöffneten CSS-Eigenschaft; du kopierst selbstIn der Zwischenablage, per Klick
FarbformateHEX, RGB, HSL und mehrHEX, RGB und HSL
Früher gewählte FarbenWerden nicht gespeichertDeine letzten 50, bereit zum erneuten Kopieren
PreisIn Chrome integriertKostenlos

Fragen

Wie bekomme ich den Farbcode von einer Webseite?

Installiere Einfache Pipette, drücke auf der Seite Alt+P, ziele mit der Lupe auf die Farbe und klicke. Der HEX-Code, auf Wunsch RGB oder HSL, liegt in der Zwischenablage.

Wie wähle ich mit der Farbpipette eine Farbe aus einem Bild auf einer Webseite aus?

Genauso: Starte die Pipette und klicke im Bild auf den gewünschten Pixel. Die Lupe vergrößert, sodass du genau einen Pixel erwischst.

Kann ich HSL oder RGB statt HEX kopieren?

Ja. Wähle im Popup das Standardformat: HEX, RGB oder HSL. Das Popup zeigt außerdem alle drei Formate für jede Farbe im Verlauf, jeweils mit eigener Kopieren-Schaltfläche.

Wo finde ich Farben, die ich früher gewählt habe?

Öffne das Popup: Deine letzten 50 Farben stehen dort als Farbfelder, die neueste zuerst. Klicke eines an, um die Codes zu sehen und zu kopieren, oder lösche den Verlauf.

Wie ändere ich das Tastenkürzel Alt+P?

Klicke im Popup auf die Taste des Tastenkürzels. Das öffnet die Tastenkürzel-Seite von Chrome, wo du eine andere Taste festlegen kannst.

Warum funktioniert es auf manchen Seiten nicht?

Chrome sperrt seine eigenen Seiten, etwa den neuen Tab, die Einstellungen und den Chrome Web Store, für alle Erweiterungen. Außerdem liest die Pipette nur den sichtbaren Teil des Tabs, scrolle also zuerst zur Farbe.

Kann sie Farben außerhalb des Browsers aufnehmen?

Nein. Sie wählt nur aus dem aktuellen Browser-Tab. Sie rechnet auch nicht in CMYK oder Pantone um und prüft keinen Kontrast.

Ist sie kostenlos? Sammelt sie Daten?

Sie ist kostenlos und stellt keine Netzwerkanfragen. Verlauf und Standardformat bleiben auf deinem Gerät.

Weitere kostenlose Erweiterungen von PYROCTAL

Zielen. Klicken. Einfügen.

Zu Chrome hinzufügen — kostenlos