Bemerken Sie beim Surfen im Internet eine bestimmte Farbe? Oder müssen Sie einen bestimmten Farbton in Ihrem Design verwenden, um alles konsistent zu halten? So erhalten Sie den RGB- oder HEX-Code eines beliebigen Pixels auf dem Bildschirm.
Ermitteln Sie den RGB- oder HEX-Wert einer Farbe auf dem Bildschirm
Die Identifizierung eines RGB- oder HEX-Farbwerts auf einem Bildschirm erfordert weder ein Expertenauge noch ein teures Werkzeug. Auf einem PC gibt es mehrere einfache Möglichkeiten, einen Farbcode zu erhalten.
Verwenden Sie die PC-App
Die erste Möglichkeit, eine beliebige Farbe vom Bildschirm zu erhalten, ist die Verwendung einer Computeranwendung. Diese Anwendung ist möglicherweise bereits auf Ihrem Computer installiert.
Instant Dropper für Windows
Wenn Sie häufig Farbcodes benötigen, wird es Ihnen das Leben leichter machen, ein einfaches Werkzeug zur Hand zu haben. Instant Eyedropper ist derzeit eine kostenlose Anwendung ausschließlich für Windows.
Sobald Sie es installiert haben, können Sie über die Taskleiste darauf zugreifen. Halten Sie einfach die linke Maustaste auf der gewünschten Farbe gedrückt und lassen Sie sie dann los. Die Anwendung kopiert den Farbcode sofort in die Zwischenablage und Sie können ihn in jedes Programm einfügen. Instant Dropper 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 den Ordner Programme und suchen Sie nach Dienstprogramme. Das Digital Color Meter-Tool sollte genau dort sein.
Wenn Sie diese Anwendung starten, verwandelt sich Ihr Cursor in eine Pipette, mit der Sie jede Farbe vom Bildschirm aufnehmen können. Die App zeigt standardmäßig RGB-Werte an. Sie können sie kopieren und später in HEX konvertieren oder die Einstellungen optimieren, um genau die gewünschte Farbe zu erhalten.
SIP für Mac
Wenn Sie ein fortgeschritteneres Tool benötigen, können Sie sich das für Mac verfügbare SIP ansehen. SIP ist mehr als ein Farbwähler. Es bietet auch viele erweiterte Funktionen, die jeder Webdesigner zu schätzen wissen wird. Sie können Ihre Farben einfach bearbeiten, sie in Paletten organisieren und ihre Formate an Ihre Bedürfnisse anpassen.
Leider ist SIP kein kostenloses Tool, aber sie bieten eine kostenlose Testversion an. Sie können es ausprobieren, um zu sehen, ob die zusätzlichen Funktionen Ihr Geld wert sind.
Der Vorteil dieser Desktop-Anwendungen besteht darin, dass sie Farben von fast jedem Teil des 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
Die nächste einfache Möglichkeit, eine RGB- oder HEX-Codefarbe zu erhalten, besteht darin, einfach die integrierten Tools Ihres Browsers zu verwenden. Sie können nur Farben von einer bestehenden Webseite auswählen, aber Sie können dafür sowohl Firefox als auch Chrome verwenden.
Hier finden Sie den Firefox-Farbwähler:
- Starten Sie Firefox und öffnen Sie die Website, auf der Sie den Farbcode extrahieren möchten.
- Klicken Sie oben rechts auf das Browsermenü (drei horizontale Linien).
- Suchen Sie unter den Optionen nach Web Developer Tools. Es könnte sich im Abschnitt „Zusätzliche Tools“ befinden.
- Unten auf der Seite öffnet sich ein Fenster. Suchen Sie das Pipettensymbol und Sie können Farbcodes mit nur einem Klick kopieren.
Die Schritte sind in Chrome ähnlich:
- Starten Sie Chrome und öffnen Sie die gewünschte Website.
- Klicken Sie oben rechts auf das Menü (drei vertikale Punkte) und suchen Sie unter „Weitere Tools“ nach „Entwicklertools“.
- Auf der rechten Seite öffnet sich ein Fenster. Suchen und klicken Sie im zweiten Abschnitt auf „Stile“.
- Unter dem „Körper“ sehen Sie eine Reihe farbiger Rechtecke. Klicken Sie auf eine davon, um die Farbauswahl zu aktivieren.
Beratung. Sie können die Entwicklertools auch in beiden Browsern öffnen, indem Sie mit der rechten Maustaste auf eine beliebige Seite klicken und „Inspizieren“ auswählen.
Verwenden Sie eine Browsererweiterung
Abgesehen von Entwicklertools können Sie auch praktische Browsererweiterungen verwenden, um eine beliebige Farbe auf einer Webseite auszuwählen. Schauen Sie sich die folgenden Erweiterungen an, die alle ihre Aufgabe erfüllen:
Verwenden Sie die Website
Sie benötigen nicht unbedingt eine App oder Erweiterung, um den RGB- oder HEX-Code für eine Farbe zu ermitteln. Wenn Sie ein bestimmtes Bild haben, von dem Sie eine Farbe erhalten möchten, können Sie auch die Website verwenden. Auf unzähligen Websites können Sie ein Foto hochladen, einen Farbcode extrahieren oder sogar eine harmonische Palette erstellen.
PineTools Farbwähler für Bilder
Finden Sie den Farbwähler für Bilder auf der PineTools- Website und laden Sie Ihr Bild hoch. Zoomen Sie bei Bedarf hinein, um das Pixel zu finden, das Sie erfassen möchten. Mit einem Klick erhalten Sie RGB-Werte und Hex-Code.
Auswählen einer Bildfarbe
Die Image Color Picker -Website bietet neben dem Hochladen eines Bildes mehrere andere Optionen. Klicken Sie auf „Bild verwenden“ und wählen Sie aus, wohin Sie das Bild importieren möchten. Sie können auf einen beliebigen Teil des Bildes klicken, um eine bestimmte Farbe auszuwählen, aber die Website bietet auch eine bildbasierte Farbpalette.
Bildfarbensuche
Der Image Color Finder ist nicht nur ein einfacher Farbwähler, sondern kann auch als kreatives Werkzeug fungieren. Sie können das hochgeladene Bild verpixeln, um seine Farben besser zu sehen, und es beliebig vergrößern. Die Seite schlägt auch automatisch ein paar Farben vor.
Mache ein Bildschirmfoto
Schließlich können Sie den Farbcode ohne alle oben genannten Tools bestimmen. Stattdessen machst du einen Screenshot und wählst dort eine Farbe aus.
- Stellen Sie sicher, dass die Farbe, die Sie auswählen möchten, auf dem Bildschirm sichtbar ist.
- Machen Sie einen Screenshot, indem Sie unter Windows auf die Schaltfläche „Drucken“ auf Ihrer Tastatur (PrntScr, PrtScn usw.) drücken oder auf einem Mac gleichzeitig „Shift + Command + 3“ gedrückt halten. Ihr Screenshot wird automatisch in Ihre Zwischenablage kopiert. Tipp: Sie können auch nur einen Teil des Bildschirms erfassen. Öffnen Sie unter Windows das Snipping Tool über das Startmenü. Verwenden Sie auf einem Mac die Tastenkombination „Shift + Command + 4“.
- Öffnen Sie MS Paint (oder eine andere Bildbearbeitungsanwendung) und fügen Sie den Screenshot ein.
- Suchen Sie das Pipettenwerkzeug und wählen Sie eine Farbe aus.
- Klicken Sie neben der Farbpalette in MS Paint auf „Farben bearbeiten“. Unterhalb des Schiebereglers sehen Sie die RGB-Werte Ihrer aktuellen Farbe. Um diese Zahlen in Hexadezimalcode umzuwandeln, benötigen Sie die Hilfe der Website.
- Gehen Sie zu RGB to HEX und geben Sie die Werte in die entsprechenden Felder ein.
- Klicken Sie auf „In Hexadezimal konvertieren“ und Sie erhalten Ihren Code.
Weitere häufig gestellte Fragen
Was ist der Unterschied zwischen RGB und HEX? Was brauche ich?
Die RGB- und HEX-Codes drücken dieselben Farben aus. Der benötigte Code hängt jedoch vom Verwendungszweck ab. RGB-Codes teilen Ihrem Bildschirm mit, wie viel rotes, grünes und blaues Licht emittiert werden muss, um die gewünschte Farbe zu erzeugen. HEX-Codes vermitteln dieselben Informationen, jedoch in der Codierungssprache.
Ein Designer oder Entwickler benötigt höchstwahrscheinlich farbige HEX-Codes.
Wie bestimme ich die Farbe auf einem mobilen Gerät?
Um eine Farbe auf dem Bildschirm Ihres Mobilgeräts auszuwählen, können Sie die App herunterladen oder eine der oben genannten Websites verwenden. Das Markup-Tool hat auch einen Farbwähler für iOS. Es kann Ihnen auch den HEX-Code der Farbe geben.
Holen Sie sich jede Farbe, die Sie sehen, mit nur einem Klick
Die Verwendung von RGB- oder HEX-Farbcodes stellt sicher, dass keine Fehler möglich sind. Mit diesen universellen Farbsprachen können Sie Ihre Designs mit denselben Farbtönen konsistent halten. Da es viele Möglichkeiten gibt, den Farbcode auf dem Bildschirm zu extrahieren, müssen Sie nur den für Sie einfachsten Weg finden.
Welchen Farbwähler bevorzugst du? Oder haben Sie eine andere zuverlässige Methode zum Hinzufügen? Lassen Sie es uns unten wissen.
Schreibe einen Kommentar