PickXColorFarbe auslesen
EnglishENEditor öffnen

Farbe vom Bildschirm auslesen

Nimm die Farbe eines beliebigen Pixels auf deinem Bildschirm auf (aus einem anderen Fenster, einer App, einem Video oder einer Designdatei), mit der eingebauten Pipette deines Browsers. Ohne Erweiterung, ohne Download.

Drücke den Button und klicke dann irgendwo auf deinen Bildschirm (in ein anderes Fenster, eine App, ein Video), um die Farbe zu übernehmen.I

Ausgewählte Farben

Hier erscheinen die Farben, die du auswählst. Wähle so viele, wie du möchtest. Sie bleiben hier, bis du sie importierst oder löschst.

Öffnet den Editor und fügt die Farben als Gruppe hinzu, mit Namen, Abstufungen, Kontrastprüfung und Code-Export.

So funktioniert’s

  1. Die Bildschirm-Farbpipette mit dem großen Button „Farbe auswählen“

    1„Farbe auswählen“ drücken

    Dein Cursor wird zur Pipette mit Lupe. Das funktioniert in Chrome, Edge, Opera und anderen Chromium-Browsern auf Computern.

  2. Die zuletzt ausgewählte Farbe groß mit HEX-Code und Namen

    2Irgendwo auf den Bildschirm klicken

    Fahre über ein Fenster, eine App, ein Bild oder ein Video und klicke auf das gewünschte Pixel. Esc bricht ab. Für die nächste Farbe drückst du den Button oder die Taste I.

  3. Ein Raster ausgewählter Farbfelder mit HEX-Codes und Farbnamen

    3Farben sammeln

    Jede Auswahl landet mit HEX-Code und Namen im Raster darunter. Wähle so viele, wie du willst, kopiere sie oder entferne die, die du nicht brauchst.

  4. Der PickXColor-Editor mit den importierten Farben als benannte Gruppe von Karten

    4Im Editor öffnen

    Mit „In den PickXColor-Editor importieren“ landen alle Farben als Gruppe im Editor, mit Namen, Abstufungen, Kontrastprüfung und Code-Export.

Häufige Fragen

Welche Browser unterstützen das Auslesen vom Bildschirm?

Die Bildschirm-Pipette nutzt die EyeDropper-API. Die gibt es in Chrome, Edge, Opera, Brave, Vivaldi und anderen Chromium-Browsern unter Windows, macOS, Linux und ChromeOS. Safari und Firefox unterstützen sie noch nicht. Dort siehst du einen Button „Chrome herunterladen“, oder du kopierst den Link und öffnest die Seite in einem unterstützten Browser.

Warum funktioniert es nicht auf meinem Smartphone oder Tablet?

Mobile Betriebssysteme erlauben Webseiten nicht, Farben vom restlichen Bildschirm zu lesen. Kopiere oder teile den Link, um die Seite auf einem Computer zu öffnen. Oder mach einen Screenshot und nutze das Bild-Werkzeug, das auf Smartphones bestens funktioniert.

Ist das datenschutzsicher und DSGVO-konform?

Ja. Dein Bildschirminhalt wird vollständig in deinem Browser geöffnet und verarbeitet. Nichts wird hochgeladen, gespeichert oder an einen Server geschickt, und wir bekommen die Datei nie zu sehen. Es gibt kein Konto, kein Tracking und keine Cookies, und die Werkzeug-Seiten laden nichts von Drittanbietern. Da keine Daten aus deiner Datei bei uns ankommen, verarbeiten wir daraus auch keine personenbezogenen Daten.

Die ausgewählten Farben werden im lokalen Speicher deines Browsers abgelegt, damit sie ein Neuladen überstehen. Mit „Leeren“ oder durch Löschen der Website-Daten entfernst du sie.

Ist die Nutzung sicher?

Ja. Die Website sieht deinen Bildschirm nie: Der Browser zeigt die Pipette selbst an und übergibt nur die eine Farbe, auf die du klickst: sonst nichts, und erst nach deinem Klick. Drückst du Esc, wird gar nichts übergeben.

Kann ich Farben außerhalb des Browserfensters auslesen?

Ja. Die Pipette funktioniert auf dem ganzen Bildschirm, auch in anderen Apps wie Figma, Photoshop, einem PDF-Viewer oder Videoplayer, und auf jedem angeschlossenen Monitor.

Warum weicht die Farbe leicht von der Designdatei ab?

Die Pipette liest die Farbe so, wie sie angezeigt wird. Farbprofile, Night Shift, HDR und das Farbmanagement der jeweiligen App können sie leicht verschieben. Für exakte Werte öffne die Originaldatei mit dem Bild-, PDF- oder SVG-Werkzeug.

Was kann ich mit den ausgewählten Farben machen?

Kopiere alle HEX-Codes auf einmal oder drücke „In den PickXColor-Editor importieren“. Der Editor fügt sie als benannte Gruppe auf einem unendlichen Board hinzu, mit Farbnamen, HEX-, RGB-, HSL-, OKLCH- und CMYK-Werten, Abstufungen im Tailwind-Stil, WCAG-Kontrastprüfung und Code-Export für CSS, Tailwind, SCSS, Swift und Jetpack Compose.

Ist das kostenlos?

Ja. Kostenlos, ohne Anmeldung, ohne Wasserzeichen und ohne Grenze, wie viele Farben du auswählst.

Weitere Wege, Farben auszulesen

Jedes Werkzeug läuft in deinem Browser und füllt dieselbe Farbsammlung.