So identifizieren Sie eine Farbe auf einem Computerbildschirm

Die digitale Welt übersetzt die Farben um uns herum in einfache Kombinationen aus Buchstaben und Zahlen. Um sich eine beliebige Farbe zu schnappen, müssen Sie sich nur den Code besorgen, und schon können Sie ihn reproduzieren.

So identifizieren Sie eine Farbe auf einem Computerbildschirm

Ist Ihnen beim Surfen im Internet eine bestimmte Farbe aufgefallen? Oder müssen Sie in Ihrem Design einen bestimmten Farbton verwenden, um die Einheitlichkeit zu gewährleisten? So erfassen Sie den RGB- oder HEX-Code eines beliebigen Pixels auf Ihrem Bildschirm.

Identifizieren Sie den RGB- oder HEX-Wert der Farbe auf dem Bildschirm

Um den RGB- oder HEX-Wert einer Farbe auf Ihrem Bildschirm zu identifizieren, sind weder ein Expertenauge noch ein teures Werkzeug erforderlich. Auf dem PC gibt es mehrere einfache Möglichkeiten, Ihren Farbcode zu erhalten.

Verwenden Sie eine PC-App

So identifizieren Sie eine Farbe auf einem Computerbildschirm

Die erste Möglichkeit, eine beliebige Farbe von Ihrem Bildschirm aufzunehmen, ist die Verwendung einer Computer-App. Möglicherweise haben Sie diese App bereits auf Ihrem PC.

Instant Eyedropper für Windows

So identifizieren Sie eine Farbe auf einem Computerbildschirm

Wenn Sie häufig auf Farbcodes zugreifen müssen, wird es Ihnen das Leben leichter machen, wenn Sie ein einfaches Werkzeug zur Hand haben. Instant Eyedropper ist ab sofort eine kostenlose App exklusiv für Windows.

Sobald Sie es installiert haben, können Sie über die Taskleiste darauf zugreifen. Halten Sie einfach die linke Maustaste auf der Farbe Ihrer Wahl gedrückt und lassen Sie sie dann los. Die App kopiert den Farbcode sofort in Ihre Zwischenablage und Sie können ihn in das gewünschte Programm einfügen. Instant Eyedropper funktioniert unter Windows XP-10.

Digitales Farbmessgerät für Mac

Digital Color Meter ist ein ähnliches Tool, das auf Mac-Geräten vorinstalliert ist. Öffnen Sie Ihren Anwendungsordner und suchen Sie nach Dienstprogrammen. Das Tool „Digital Color Meter“ sollte genau dort sein.

Wenn Sie diese App ausführen, verwandelt sich Ihr Cursor in eine Pipette, mit der Sie jede beliebige Farbe von Ihrem Bildschirm aufnehmen können. Die App zeigt standardmäßig die RGB-Werte an. Sie können diese kopieren und später in HEX konvertieren oder die Optionen anpassen, um genau die gewünschte Farbe zu erhalten.

SIP für Mac

Wenn Sie ein erweitertes Tool benötigen, können Sie sich SIP ansehen, das für Mac verfügbar ist. SIP ist mehr als ein Farbwähler. Es bietet außerdem eine Reihe erweiterter Funktionen, die jeder Webdesigner zu schätzen wissen wird. Sie können Ihre Farben einfach bearbeiten, in Paletten organisieren und ihre Formate an Ihre Bedürfnisse anpassen.

Leider ist SIP kein kostenloses Tool, es wird jedoch eine kostenlose Testversion angeboten. Sie können es ausprobieren, um zu sehen, ob die zusätzlichen Funktionen Ihr Geld wert sind.

Der Vorteil dieser Desktop-Apps besteht darin, dass sie Farben von praktisch jedem Teil Ihres Bildschirms erfassen können. Die folgenden Browser-Tools können dies nur innerhalb von Webseiten tun. Natürlich können Sie diese Einschränkung umgehen, indem Sie ein Foto oder einen Screenshot hochladen, um es in Ihrem Browser anzuzeigen.

Verwenden Sie Ihren Browser

Der folgende unkomplizierte Weg, die RGB- oder HEX-Codefarbe zu erhalten, besteht einfach darin, die integrierten Tools Ihres Browsers zu verwenden. Sie können Farben nur auf der jeweiligen Webseite auswählen, können dafür jedoch sowohl Firefox als auch Chrome verwenden.

Hier finden Sie das Farbauswahltool von Firefox:

  1. Starten Sie Firefox und öffnen Sie die Website, von der Sie einen Farbcode extrahieren möchten.
    So identifizieren Sie eine Farbe auf einem Computerbildschirm
  2. Klicken Sie oben rechts auf das Menü Ihres Browsers (drei horizontale Linien).
    So identifizieren Sie eine Farbe auf einem Computerbildschirm
  3. Unter den Optionen finden Sie die Web Developer Tools. Möglicherweise befindet es sich unter „Weitere Tools“.
    So identifizieren Sie eine Farbe auf einem Computerbildschirm
    So identifizieren Sie eine Farbe auf einem Computerbildschirm
  4. Unten auf der Seite öffnet sich ein Fenster. Suchen Sie nach dem Pipettensymbol und Sie können Farbcodes mit einem Klick kopieren.
    So identifizieren Sie eine Farbe auf einem Computerbildschirm

Die Schritte sind in Chrome ähnlich:

  1. Starten Sie Chrome und öffnen Sie die gewünschte Website.
    So identifizieren Sie eine Farbe auf einem Computerbildschirm
    So identifizieren Sie eine Farbe auf einem Computerbildschirm
  2. Klicken Sie auf das Menü (drei vertikale Punkte) in der oberen rechten Ecke und suchen Sie unter „Weitere Tools“ nach „Entwicklertools“.
    So identifizieren Sie eine Farbe auf einem Computerbildschirm
  3. Auf der rechten Seite der Seite öffnet sich ein Fenster. Suchen Sie im zweiten Abschnitt nach „Stile“ und klicken Sie darauf.
    So identifizieren Sie eine Farbe auf einem Computerbildschirm
  4. Unter „Körper“ sehen Sie eine Reihe farbiger Kästchen. Klicken Sie auf eine davon, um den Farbwähler zu aktivieren.
    So identifizieren Sie eine Farbe auf einem Computerbildschirm

Tipp: Sie können die Entwicklertools auch in beiden Browsern öffnen, indem Sie mit der rechten Maustaste auf eine beliebige Seite klicken und „Inspizieren“ wählen.

Verwenden Sie eine Browser-Erweiterung

Neben den Entwicklertools können Sie auch praktische Browsererweiterungen verwenden, um eine beliebige Farbe von einer Webseite auszuwählen. Schauen Sie sich die folgenden Erweiterungen an, die alle den Job erledigen:

Verwenden Sie eine Website

Sie benötigen nicht unbedingt eine App oder Erweiterung, um den RGB- oder HEX-Code für eine Farbe zu identifizieren. Wenn Sie ein bestimmtes Bild haben, aus dem Sie eine Farbe übernehmen möchten, können Sie auch eine Website verwenden. Auf unzähligen Websites können Sie ein Foto hochladen, einen Farbcode extrahieren oder sogar eine harmonische Palette erstellen.

PineTools-Bildfarbauswahl

So identifizieren Sie eine Farbe auf einem Computerbildschirm

Suchen Sie auf der PineTools- Website nach dem Image Color Picker-Tool und laden Sie Ihr Bild hoch. Zoomen Sie bei Bedarf hinein, um das Pixel zu finden, das Sie aufnehmen möchten. Mit einem einfachen Klick erhalten Sie die RGB-Werte und den HEX-Code.

Bildfarbauswahl

So identifizieren Sie eine Farbe auf einem Computerbildschirm

Die Image Color Picker- Website bietet mehrere andere Optionen als nur das Hochladen von Bildern. Klicken Sie auf „Ihr Bild verwenden“ und wählen Sie aus, wo Sie ein Bild importieren möchten. Sie können für eine bestimmte Farbe auf einen beliebigen Teil des Bildes klicken, die Website schlägt jedoch auch eine auf dem Bild basierende Farbpalette vor.

Bildfarbfinder

So identifizieren Sie eine Farbe auf einem Computerbildschirm

Neben einem einfachen Farbwähler kann Image Color Finder auch als kreatives Werkzeug fungieren. Sie können das hochgeladene Bild verpixeln, um einen besseren Überblick über seine Farben zu erhalten, und so weit hineinzoomen, wie Sie möchten. Die Seite schlägt auch automatisch ein paar Farben vor.

Mach ein Bildschirmfoto

Schließlich können Sie den Farbcode ohne alle oben genannten Werkzeuge identifizieren. Stattdessen machen Sie einen Screenshot und wählen dort die Farbe aus.

  1. Stellen Sie sicher, dass die Farbe, die Sie auswählen möchten, auf Ihrem Bildschirm sichtbar ist.
  2. Erstellen Sie einen Screenshot, indem Sie unter Windows die Taste „Bildschirm drucken“ (PrntScr, PrtScn usw.) Ihrer Tastatur drücken oder auf dem Mac gleichzeitig „Umschalt + Befehl + 3“ gedrückt halten. Ihr Screenshot wird automatisch in Ihre Zwischenablage kopiert.
    So identifizieren Sie eine Farbe auf einem Computerbildschirm
    Tipp: Sie können auch nur einen Teil Ihres Bildschirms erfassen. Öffnen Sie unter Windows das Snipping Tool über das Startmenü. Verwenden Sie auf dem Mac die Tastenkombination „Umschalt + Befehl + 4“.
  3. Öffnen Sie MS Paint (oder eine andere Bildverarbeitungs-App) und fügen Sie den Screenshot ein.
  4. Suchen Sie die Pipette und wählen Sie eine Farbe aus.
    So identifizieren Sie eine Farbe auf einem Computerbildschirm
  5. Klicken Sie in MS Paint neben der Farbpalette auf „Farben bearbeiten“. Unter dem Schieberegler sehen Sie die RGB-Werte Ihrer aktuellen Farbe.
    Um diese Zahlen in einen HEX-Code umzuwandeln, benötigen Sie die Hilfe einer Website.
  6. Gehen Sie zu RGB zu HEX und geben Sie die Werte in die entsprechenden Felder ein.
    So identifizieren Sie eine Farbe auf einem Computerbildschirm
  7. Klicken Sie auf „In Hex konvertieren“ und Sie erhalten Ihren Code.
    So identifizieren Sie eine Farbe auf einem Computerbildschirm

Zusätzliche FAQs

Was ist der Unterschied zwischen RGB und HEX? Welches brauche ich?

RGB- und HEX-Codes drücken die gleichen Farben aus. Der Code, den Sie benötigen, hängt jedoch von der beabsichtigten Verwendung ab. RGB-Codes geben Ihrem Bildschirm an, wie viel rotes, grünes und blaues Licht abgegeben werden muss, um die gewünschte Farbe zu erzeugen. HEX-Codes übertragen dieselben Informationen, jedoch in der Sprache der Codierung.

Ein Designer oder Entwickler benötigt höchstwahrscheinlich die HEX-Farbcodes.

Wie identifiziere ich eine Farbe auf einem Mobilgerät?

Um eine Farbe auf dem Bildschirm Ihres Mobilgeräts auszuwählen, können Sie eine App herunterladen oder eine der oben genannten Websites verwenden. Im Markup-Tool gibt es auch ein Farbauswahl-Tool für iOS. Es kann Ihnen auch den HEX-Farbcode liefern.

Holen Sie sich mit nur einem Klick jede Farbe, die Sie sehen

Durch die Verwendung der RGB- oder HEX-Farbcodes wird sichergestellt, dass Fehler ausgeschlossen sind. Dank dieser universellen Farbsprachen können Sie Ihre Designs mit den gleichen Farbtönen konsistent halten. Da es viele Möglichkeiten gibt, den Farbcode auf dem Bildschirm zu extrahieren, müssen Sie nur die für Sie einfachste Methode finden.

Welches Farbauswahltool bevorzugen Sie? Oder möchten Sie eine andere vertrauenswürdige Methode hinzufügen? Lassen Sie es uns unten wissen.

Sign up and earn $1000 a day ⋙

Ist BaldurS Gate 3 plattformübergreifend? Noch nicht

Ist BaldurS Gate 3 plattformübergreifend? Noch nicht

Nach langem Hype und Vorfreude wurde „Baldur's Gate 3“ veröffentlicht. Aber bevor sie in das Spiel eintauchen, möchten viele Spieler wissen, ob es so ist oder nicht

So beheben Sie den Fehler, dass DS4Windows den Controller nicht erkennt

So beheben Sie den Fehler, dass DS4Windows den Controller nicht erkennt

Haben Sie Probleme mit der Verbindung Ihres Controllers? Sie sind bereit zum Spielen, aber ohne Ihren Controller zu verwenden, ist das Spiel vorbei. Du bist nicht der einzige Spieler

So setzen Sie Fähigkeiten in Diablo 4 zurück

So setzen Sie Fähigkeiten in Diablo 4 zurück

Haben Sie nach einer Möglichkeit gesucht, den Build Ihres Spielers zu ändern, ohne einen neuen Charakter in „Diablo 4“ neu zu erstellen? Nun, Sie haben Glück. Das Spiel ermöglicht es Ihnen

So passen Sie die Helligkeit auf einem Windows 10-PC an

So passen Sie die Helligkeit auf einem Windows 10-PC an

Die Einstellung der Bildschirmhelligkeit ist eine entscheidende Funktion, unabhängig davon, welches Gerät Sie verwenden. Aber es ist besonders wichtig, die Helligkeit zu ermitteln

Wie man Yama in Blox-Früchten bekommt

Wie man Yama in Blox-Früchten bekommt

Die Yama ist eines der verfluchten Katanas des Spiels und trägt den Status „Legendär“. Der Einsatz einer so mächtigen Waffe in der offenen Welt „Blox Fruits“ wird Ihnen geboten

So beheben Sie das Fehlen eines Windows 10-Netzwerkadapters

So beheben Sie das Fehlen eines Windows 10-Netzwerkadapters

Der Netzwerkadapter des Windows-Betriebssystems ist ein wichtiges Gerät, das dafür sorgt, dass Netzwerkverbindungen reibungslos funktionieren. Da empfängt der Netzwerkadapter

So erhalten Sie Hilfe in Windows

So erhalten Sie Hilfe in Windows

Selbst wenn Sie Windows schon lange verwenden, kann es gelegentlich zu Problemen kommen, die die Hilfe eines Experten erfordern. Ob du vor dir stehst

So zeigen Sie gespeicherte WLAN-Passwörter in Windows 11 an

So zeigen Sie gespeicherte WLAN-Passwörter in Windows 11 an

Es gibt kaum etwas Frustrierenderes, als von Ihrem Internetnetzwerk ausgeschlossen zu werden. Wenn Sie das Passwort nicht notiert haben, besteht die Gefahr, dass Sie den Zugriff verlieren

Wo Sie den Speicherort des Windows-Hintergrundbilds auf Ihrem PC finden

Wo Sie den Speicherort des Windows-Hintergrundbilds auf Ihrem PC finden

Hier ist der Speicherort des Windows-Hintergrundbilds für Windows 8 und 10, sodass Sie diese hochauflösenden Bilder mit anderen Geräten oder älteren Windows-Versionen verwenden können.

So testen Sie die Kamera auf einem Windows 10-PC

So testen Sie die Kamera auf einem Windows 10-PC

Wenn Sie mit Ihrem Windows 10-PC fotografieren möchten, müssen Sie zunächst die Kamerafunktion testen. Ob Sie einfach nur ein paar Selfies schießen möchten

So löschen Sie temporäre Dateien auf einem Windows 10- oder 11-PC

So löschen Sie temporäre Dateien auf einem Windows 10- oder 11-PC

Sobald Ihr Computer langsamer wird, ist das ein Zeichen dafür, dass Sie etwas Speicherplatz freigeben müssen. Normalerweise ist das Löschen temporärer Dateien ein guter Anfang.

Zusammenfassung der Verknüpfungen zu Film- und TV-Anwendungen unter Windows 10

Zusammenfassung der Verknüpfungen zu Film- und TV-Anwendungen unter Windows 10

Zusammenfassung der Verknüpfungen zu Film- und TV-Anwendungen unter Windows 10, Zusammenfassung der Verknüpfungen zu Film- und TV-Anwendungen unter Windows 10, um Ihnen ein großartiges Erlebnis zu bieten. Vielleicht

So beheben Sie den Fehler „Nachrichten konnten nicht geladen werden“ auf Discord für Windows

So beheben Sie den Fehler „Nachrichten konnten nicht geladen werden“ auf Discord für Windows

So beheben Sie den Fehler „Nachrichten konnten nicht geladen werden“ auf Discord für Windows. Discord macht keinen Spaß, wenn Sie nicht lesen können, was andere Leute schreiben. So beheben Sie den Nachrichtenfehler

So zeigen Sie das Symbol „Dieser PC“ auf dem Windows 11-Desktop an

So zeigen Sie das Symbol „Dieser PC“ auf dem Windows 11-Desktop an

So zeigen Sie das Symbol „Dieser PC“ auf dem Windows 11-Desktop an. Während der Verwendung von Windows 11 müssen viele Benutzer auf diesen PC zugreifen (Verwaltung).

So finden Sie schnell Informationen in der Windows-Registrierung

So finden Sie schnell Informationen in der Windows-Registrierung

So finden Sie schnell Informationen in der Windows-Registrierung. Finden Sie es schwierig, Informationen in der Windows-Registrierung zu finden? Im Folgenden finden Sie schnelle Möglichkeiten, die Registrierung zu finden

So begrenzen Sie die Anzahl fehlgeschlagener Anmeldeversuche unter Windows 10

So begrenzen Sie die Anzahl fehlgeschlagener Anmeldeversuche unter Windows 10

So begrenzen Sie die Anzahl fehlgeschlagener Anmeldeversuche unter Windows 10. Die Begrenzung der Anzahl fehlgeschlagener Anmeldeversuche mit Kennwort unter Windows 10 trägt zur Erhöhung der Computersicherheit bei. Hier ist wie

So erstellen Sie gefälschte Fehlermeldungen in Windows

So erstellen Sie gefälschte Fehlermeldungen in Windows

So erstellen Sie gefälschte Fehlermeldungen in Windows: Windows kann sich einige ziemlich kreative Fehlermeldungen einfallen lassen, aber warum versuchen Sie nicht, eigene Inhalte zu erstellen, über die sich die Benutzer lustig machen können?

Möglichkeiten zum Öffnen der Windows-Tools in Windows 11

Möglichkeiten zum Öffnen der Windows-Tools in Windows 11

Möglichkeiten zum Öffnen der Windows-Tools in Windows 11, der Windows-Verwaltungstools oder der Windows-Tools sind unter Windows 11 immer noch nützlich. So finden Sie die Windows-Tools in Windows 11.

So beheben Sie den Fehler „Windows Quick Assist funktioniert nicht“.

So beheben Sie den Fehler „Windows Quick Assist funktioniert nicht“.

So beheben Sie den Fehler „Windows Quick Assist funktioniert nicht“. Mit Windows Quick Assist können Sie problemlos eine Verbindung zu einem Remote-PC herstellen. Manchmal führt es jedoch auch zu Fehlern. Aber,

So heften Sie Word-, Excel- und PowerPoint-Dateien an das entsprechende App-Symbol in der Windows 11-Taskleiste

So heften Sie Word-, Excel- und PowerPoint-Dateien an das entsprechende App-Symbol in der Windows 11-Taskleiste

Wie hefte ich Word-, Excel- und PowerPoint-Dateien an das entsprechende App-Symbol in der Windows 11-Taskleiste? Wie hefte ich Office-Dateien an das Taskleistensymbol in Windows 11? Einladen