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

Was ist VPN? Vor- und Nachteile des virtuellen privaten VPN-Netzwerks

Was ist VPN? Vor- und Nachteile des virtuellen privaten VPN-Netzwerks

Was ist VPN, was sind die Vor- und Nachteile von VPN? Lassen Sie uns mit WebTech360 die Definition von VPN besprechen und wie dieses Modell und System in der Arbeit angewendet wird.

Die meisten Leute verwenden diese versteckten Funktionen der Windows-Sicherheit nicht.

Die meisten Leute verwenden diese versteckten Funktionen der Windows-Sicherheit nicht.

Windows Security schützt nicht nur vor einfachen Viren. Es schützt auch vor Phishing, blockiert Ransomware und verhindert die Ausführung schädlicher Apps. Diese Funktionen sind jedoch nicht leicht zu erkennen – sie sind hinter vielen Menüebenen versteckt.

Codieren ist nicht so schwierig, wie Sie denken

Codieren ist nicht so schwierig, wie Sie denken

Wenn Sie es erst einmal gelernt und selbst ausprobiert haben, werden Sie feststellen, dass die Verschlüsselung unglaublich einfach anzuwenden und im Alltag unglaublich praktisch ist.

Gelöschte Daten mit Recuva Portable in Windows 7 wiederherstellen

Gelöschte Daten mit Recuva Portable in Windows 7 wiederherstellen

Im folgenden Artikel stellen wir die grundlegenden Schritte zur Wiederherstellung gelöschter Daten in Windows 7 mit dem Support-Tool Recuva Portable vor. Mit Recuva Portable können Sie Ihre Daten auf einem beliebigen USB-Stick speichern und jederzeit verwenden. Das Tool ist kompakt, einfach zu bedienen und bietet folgende Funktionen:

So löschen Sie doppelte Dateien, um mit CCleaner Computerspeicher zu sparen

So löschen Sie doppelte Dateien, um mit CCleaner Computerspeicher zu sparen

CCleaner sucht in nur wenigen Minuten nach doppelten Dateien und lässt Sie dann entscheiden, welche davon sicher gelöscht werden können.

Warum den Standard-Download-Speicherort in Windows 11 ändern?

Warum den Standard-Download-Speicherort in Windows 11 ändern?

Durch das Verschieben des Download-Ordners von Laufwerk C auf ein anderes Laufwerk unter Windows 11 können Sie die Kapazität von Laufwerk C reduzieren und dafür sorgen, dass Ihr Computer reibungsloser läuft.

So stoppen Sie Windows-Updates auf dem PC

So stoppen Sie Windows-Updates auf dem PC

Auf diese Weise können Sie Ihr System härten und optimieren, sodass Updates nach Ihrem eigenen Zeitplan und nicht nach dem von Microsoft erfolgen.

So zeigen Sie Dateierweiterungen an, zeigen Dateierweiterungen unter Windows an

So zeigen Sie Dateierweiterungen an, zeigen Dateierweiterungen unter Windows an

Der Windows-Datei-Explorer bietet zahlreiche Optionen zum Ändern der Dateiansicht. Was Sie vielleicht nicht wissen: Eine wichtige Option ist standardmäßig deaktiviert, obwohl sie für die Sicherheit Ihres Systems von entscheidender Bedeutung ist.

5 kostenlose Tools zum Auffinden von Spyware und Adware auf Ihrem PC

5 kostenlose Tools zum Auffinden von Spyware und Adware auf Ihrem PC

Mit den richtigen Tools können Sie Ihr System scannen und Spyware, Adware und andere Schadprogramme entfernen, die möglicherweise auf Ihrem System lauern.

14 Windows-Apps und -Software, die Sie auf Ihrem neuen Computer benötigen

14 Windows-Apps und -Software, die Sie auf Ihrem neuen Computer benötigen

Nachfolgend finden Sie eine Liste empfohlener Software für die Installation eines neuen Computers, damit Sie die wichtigsten und besten Anwendungen für Ihren Computer auswählen können!

So klonen Sie Windows-Einstellungen, um Ihren Workflow überallhin mitzunehmen

So klonen Sie Windows-Einstellungen, um Ihren Workflow überallhin mitzunehmen

Das Mitführen eines kompletten Betriebssystems auf einem USB-Stick kann sehr praktisch sein, insbesondere wenn Sie keinen Laptop besitzen. Aber denken Sie nicht, dass diese Funktion auf Linux-Distributionen beschränkt ist – es ist an der Zeit, Ihre Windows-Installation zu klonen.

Schalten Sie diese 7 Windows-Dienste aus, um die Akkulaufzeit zu verlängern!

Schalten Sie diese 7 Windows-Dienste aus, um die Akkulaufzeit zu verlängern!

Durch das Deaktivieren einiger dieser Dienste können Sie die Akkulaufzeit erheblich verlängern, ohne dass dies Auswirkungen auf Ihre tägliche Nutzung hat.

Wozu dient die Tastenkombination Strg + Z unter Windows? Wahrscheinlich mehr als Sie denken

Wozu dient die Tastenkombination Strg + Z unter Windows? Wahrscheinlich mehr als Sie denken

Strg + Z ist eine äußerst häufige Tastenkombination unter Windows. Mit Strg + Z können Sie grundsätzlich Aktionen in allen Bereichen von Windows rückgängig machen.

Klicken Sie nicht auf einen verkürzten Link, bis Sie sicher sind, dass er sicher ist!

Klicken Sie nicht auf einen verkürzten Link, bis Sie sicher sind, dass er sicher ist!

Verkürzte URLs sind praktisch, um lange Links zu bereinigen, verbergen aber auch das eigentliche Ziel. Wenn Sie Malware oder Phishing vermeiden möchten, ist es keine gute Idee, blind auf diesen Link zu klicken.

Windows 11 22H2: Moment 1-Update mit vielen bemerkenswerten Funktionen

Windows 11 22H2: Moment 1-Update mit vielen bemerkenswerten Funktionen

Nach langem Warten wurde das erste große Update von Windows 11 offiziell veröffentlicht.