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 ⋙

Leave a Comment

So richten Sie die automatische Computerreinigung ein

So richten Sie die automatische Computerreinigung ein

Computer sind oft mit temporären Dateien und anderem Datenmüll überlastet, den wir oft nicht rechtzeitig löschen können. Hier kommt die automatische Bereinigung ins Spiel, die Sie sofort nutzen sollten.

Einfache Sandbox-Tipps, damit Sie sich keine Sorgen mehr über Malware machen müssen

Einfache Sandbox-Tipps, damit Sie sich keine Sorgen mehr über Malware machen müssen

Malware-Angriffe waren noch nie so heftig, aber dank strategischer Sandboxing-Techniken können wir endlich beruhigt sein.

So schalten Sie Bluetooth unter Windows 11 ein und verbinden es

So schalten Sie Bluetooth unter Windows 11 ein und verbinden es

Dieser Artikel führt Sie durch die Möglichkeiten, Bluetooth unter Windows 11 zu aktivieren, um in nur wenigen einfachen Schritten eine Verbindung zu drahtlosem Zubehör herzustellen.

So sichern Sie Daten ohne Verwendung einer externen Festplatte

So sichern Sie Daten ohne Verwendung einer externen Festplatte

Manchmal ist eine externe Festplatte gerade dann nicht verfügbar, wenn man sie am dringendsten braucht. Nach dem Verlust wichtiger Dateien haben manche Anwender eine einfache und zuverlässige Möglichkeit gefunden, alle Daten zu sichern, selbst wenn die Festplatte nicht verfügbar ist.

So installieren Sie Windows 11 auf einem nicht unterstützten PC

So installieren Sie Windows 11 auf einem nicht unterstützten PC

Wenn Ihr PC die Hardwareanforderungen von Microsoft nicht erfüllt, geben Sie nicht auf. Es ist möglich, Windows 11 auf nicht unterstützten PCs zu installieren.

So entfernen Sie alte Startoptionen im Startmenü unter Windows 10

So entfernen Sie alte Startoptionen im Startmenü unter Windows 10

Haben Sie schon einmal ein anderes Betriebssystem neben Windows gestartet? Dual-Boot ist eine großartige Möglichkeit, neue Betriebssysteme auszuprobieren, ohne Ihre Windows-Version zu beeinträchtigen. Mit dem integrierten Boot-Manager können Sie zwischen den Betriebssystemversionen wählen.

So blockieren Sie die Internetverbindung von Windows 10-Software und -Anwendungen

So blockieren Sie die Internetverbindung von Windows 10-Software und -Anwendungen

Wir können den Internetzugang für jede Anwendung oder Software auf dem Computer blockieren, während andere Programme weiterhin auf das Netzwerk zugreifen können. Der folgende Artikel erklärt, wie Sie den Internetzugang für Software und Anwendungen unter Windows deaktivieren.

So aktivieren Sie Unicode UTF-8 in Windows 11

So aktivieren Sie Unicode UTF-8 in Windows 11

Das Ändern der Anzeigesprache in Windows 11 kann dazu führen, dass einige Programme Text nicht in der gewünschten Sprache anzeigen. In diesem Fall sollten Sie Unicode UTF-8 aktivieren, damit Windows Text in der gewünschten Sprache korrekt anzeigt.

Microsoft hat die Unterstützung für Internet Explorer eingestellt, Sie können ihn jedoch weiterhin in Windows 11 verwenden

Microsoft hat die Unterstützung für Internet Explorer eingestellt, Sie können ihn jedoch weiterhin in Windows 11 verwenden

Der Internet Explorer wurde 2022 von Windows-Computern entfernt und durch Microsoft Edge ersetzt. Obwohl Edge deutlich besser ist, ist der Internet Explorer unter Windows 11 immer noch vorinstalliert – und unglaublich einfach zu bedienen.

6 kostenlose Windows-Tools, um herauszufinden, was Ihren Computer verlangsamt

6 kostenlose Windows-Tools, um herauszufinden, was Ihren Computer verlangsamt

Im Laufe der Jahre haben Benutzer eine Reihe kostenloser Windows-Tools entdeckt, mit deren Hilfe sie die Ursache für die Verlangsamung ihres Systems diagnostizieren können.

So erhalten Sie ein weiteres Jahr kostenlose Windows 10-Updates

So erhalten Sie ein weiteres Jahr kostenlose Windows 10-Updates

Nur noch drei Monate bis zum Supportende für Windows 10. Im Oktober 2025 erhält das Betriebssystem sein letztes Update und beendet damit seinen zehnjährigen Lebenszyklus.

So beheben Sie, dass Ihr PC auf ein Problem gestoßen ist und neu gestartet werden muss

So beheben Sie, dass Ihr PC auf ein Problem gestoßen ist und neu gestartet werden muss

Ihr PC startet nicht, muss neu gestartet werden und ist auf ein Problem gestoßen? So beheben Sie das Problem!

8 Möglichkeiten zum Öffnen erweiterter Startoptionen unter Windows 10

8 Möglichkeiten zum Öffnen erweiterter Startoptionen unter Windows 10

Indem Sie zu „Erweiterte Startoptionen“ navigieren, können Sie Windows 10 zurücksetzen, Windows 10 wiederherstellen, Windows 10 aus einer zuvor erstellten Image-Datei wiederherstellen, Startfehler beheben, die Eingabeaufforderung öffnen, um verschiedene Optionen auszuführen, UEFI-Einstellungen öffnen, Starteinstellungen ändern …

Wenn ein VPN diese Warnsignale aufweist, lassen Sie die Finger davon!

Wenn ein VPN diese Warnsignale aufweist, lassen Sie die Finger davon!

Mit der Zeit lernen Sie, die Warnsignale eines VPNs schnell zu erkennen. Wenn Ihr VPN eines dieser Anzeichen aufweist, beenden Sie es schnell, bevor Sie es installieren.

So ändern Sie DNS, um schneller im Internet zu surfen und die Internetgeschwindigkeit zu erhöhen

So ändern Sie DNS, um schneller im Internet zu surfen und die Internetgeschwindigkeit zu erhöhen

Das Ändern des DNS unter Windows bietet viele Vorteile, z. B. den Zugriff auf blockierte Websites, die Beschleunigung der Internetverbindung und die Verbesserung der Netzwerkstabilität. Im Folgenden erfahren Sie, wie Sie den DNS unter Windows 10, Windows 7 und anderen Windows-Versionen ändern. Im letzten Teil des Artikels erläutert WebTech360, warum eine DNS-Änderung die Internetgeschwindigkeit erhöht.