PDF herunterladen
PDF herunterladen
Farben werden in HTML und CSS mit ihren Hexadezimalcodes gekennzeichnet. Wenn du eine Webseite oder ein anderes HTML-Projekt erstellst und ein Element erschaffen möchtest, das zu einer bestimmten Farbe in einem Bild, einer Webseite oder einem Fenster auf deinem Computerbildschirm passt, musst du den Hexadezimalcode der Farbe herausfinden. In diesem Artikel lernst du eine Reihe von verschiedenen kostenlosen Hilfsmitteln kennen, mit denen du schnell den Hexadezimalcode einer beliebigen Farbe ermitteln kannst.
Vorgehensweise
-
Öffne Digital Color Meter auf deinem Mac. Dieses Werkzeug, das bei macOS enthalten ist, kann den Farbwert jeder Farbe auf dem Bildschirm feststellen. [1] X Forschungsquelle Öffne den Finder, klicke auf den Ordner Anwendungen , mache einen Doppelklick auf den Ordner Dienstprogramme und mache dann einen Doppelklick auf Digital Color Meter , um es zu öffnen.
-
Bewege den Mauszeiger auf die Farbe, die du ermitteln möchtest. Während du die Maus bewegst, verändert sich der Wert im Werkzeug in Echtzeit. Bewege die Maus nicht von dieser Stelle weg, bis du die horizontale und die vertikale Öffnung fixiert hast.
- Du kannst das Werkzeug auch verwenden, um Farben im Internet zu identifizieren. Öffne einfach Safari (oder einen Browser deiner Wahl) und gehe zu einer Webseite, die die Farbe enthält, die du haben möchtest.
-
Drücke ⌘ Command + L . So werden die horizontale und vertikale Öffnung fixiert, was heißt, dass sich der Farbwert nicht verändert, wenn du die Maus bewegst.
-
Drücke ⇧ Shift + ⌘ Command + C , um den Hexadezimalcode in die Zwischenablage zu kopieren. Du kannst den Hexadezimalcode auch kopieren, indem du auf das Menü Farbe klickst und Farbe als Text kopieren auswählst.
-
Drücke ⌘ Command + V , um den kopierten Code einzufügen. Du kannst ihn direkt in deinen HTML-Code, eine Textdatei oder irgendein anderes Schreibfeld einsetzen.
-
Drücke ⌘ Command + L , um die Öffnungen zu entsperren. Wenn du eine andere Farbe ermitteln möchtest, wird die Sperrung damit aufgehoben, sodass der Mauszeiger wieder als Farbwerterkenner arbeitet.Werbeanzeige
-
Installiere Color Cop. Color Cop ist ein kleines, kostenloses Hilfsmittel, das du einsetzen kannst, um schnell den Hexadezimalcode einer beliebigen Farbe auf dem Bildschirm festzustellen. So bekommst du die App:
- Gehe in einem Webbrowser auf http://colorcop.net/download .
- Klicke auf colorcop-setup.exe unter dem Abschnitt "self-installing". Wenn die Datei nicht automatisch heruntergeladen wird, klicke auf Speichern oder OK , um den Download zu beginnen.
- Öffne die heruntergeladene Datei mit einem Doppelklick (du findest sie in der Regel im Ordner Downloads und normalerweise auch in der unteren linken Ecke des Browsers).
- Befolge die Anweisungen auf dem Bildschirm, um die Anwendung zu installieren.
-
Öffne Color Cop. Du findest es im Startmenü.
-
Ziehe das Pipettensymbol zu der Farbe, die du ermitteln möchtest. Du kannst jede Farbe auf dem Bildschirm feststellen, auch welche in anderen Anwendungen oder auf Websites.
-
Lasse den Mauszeiger los, um den Hexadezimalcode anzeigen zu lassen. Der Code wird in dem freien Feld in der Mitte der Anwendung aufscheinen.
-
Mache einen Doppelklick auf den Hexadezimalcode und drücke Strg + C . Damit wird der Hexadezimalcode in die Zwischenablage kopiert.
-
Füge den Code dort ein, wo du ihn brauchst. Du kannst Strg + V verwenden, um den Hexadezimalcode überall einzufügen, wo du möchtest, wie in einem HTML- oder CSS-Code.Werbeanzeige
-
Gehe auf https://imagecolorpicker.com auf deinem Computer, Handy oder Tablet. Du kannst dieses kostenlose Werkzeug verwenden, um den Hexadezimalcode jeder Farbe in einem hochgeladenen Bild zu ermitteln. Diese Methode funktioniert mit jedem Webbrowser, auch jenen auf deinem Android, iPhone oder iPad.
-
Lade ein Bild hoch oder gib eine URL ein. Du musst dich entscheiden, ob du ein eigenes Bild hochladen oder ein Bild oder eine Webseite verwenden möchtest, die bereits online sind. Beide Methoden können eingesetzt werden, um ein Bild oder eine Webseite anzeigen zu lassen, aus denen du die gewünschte Farbe auswählen kannst.
- Um ein Bild hochzuladen, scrolle nach unten und wähle Upload your image aus, gehe dann zu dem Bild auf deinem Computer, Handy oder Tablet und wähle die Option aus, es hochzuladen.
- Um eine Webseite zu verwenden, scrolle nach unten zur Option "Use this box to get the HTML color code from a website", gib die URL ein und klicke oder tippe dann auf Take website .
- Um ein Bild auf der Webseite anstatt der ganzen Webseite auszuwählen, gib die URL zu dem Bild in das Feld "Use this box to get the HTML color code from a picture via this URL" ein und klicke oder tippe dann auf Take image .
-
Klicke oder tippe auf die Farbe innerhalb des Bildes / der Seitenvorschau, die du haben möchtest. Dadurch wird der Hexadezimalcode der Farbe in der unteren Bildschirmecke angezeigt.
-
Klicke oder Tippe auf das Kopierzeichen, um den Hexadezimalcode in die Zwischenablage zu kopieren. Das sind zwei sich überlappende Quadrate rechts neben dem Hexadezimalcode. Du kannst ihn dann in jede Textdatei oder Eingabebereich einfügen.Werbeanzeige
-
Öffne Firefox auf deinem PC oder Mac. Beim Firefox-Webbrowser gibt es ein kostenloses Pipettenwerkzeug, das du verwenden kannst, um den Hexadezimalcode jeder Farbe im Internet zu bestimmen. Wenn du Firefox hast, findest du ihn im Startmenü (Windows) oder im Anwendungsordner (macOS).
- Du kannst Firefox kostenlos herunterladen unter https://www.mozilla.org/de/firefox/ .
- Firefox sagt dir nur den Wert einer Farbe auf einer Webseite. Du kannst ihn nicht außerhalb des Browsers verwenden.
-
Gehe auf eine Webseite, die die Farbe beinhaltet, die du feststellen möchtest. Sorge dafür, dass das Element, dessen Farbe du brauchst, sichtbar ist.
-
Klicke auf das Menü ☰ . Das sind drei horizontale Linien in der oberen rechten Ecke von Firefox.
-
Klicke auf das Menü Web Developer . Es öffnet sich ein weiteres Menü.
-
Klicke auf Pipette . Dein Mauszeiger wird zu einem großen Kreis.
-
Klicke auf die Farbe, die du ermitteln möchtest. Du wirst feststellen, dass der Hexadezimalwert von Farben aktualisiert wird, während du die Maus zu der Stelle bewegst. Wenn du auf die Maus klickst, wird Firefox den Hexadezimalcode in der Zwischenablage speichern.
-
Füge den Code ein, wo du ihn brauchst. Du kannst Strg + V (PC) oder ⌘ Command + V (Mac) verwenden, um den Hexadezimalcode in dein HTML, CSS oder eine andere Art von Textdatei einzusetzen.Werbeanzeige
Tipps
- Es gibt andere Webseiten, Browsererweiterungen und Bildbearbeitungsprogramme, die es dir auch ermöglichen, eine Farbauswahl zu verwenden und den Hexadezimalwert des Farbtons zu ermitteln.
- Wenn du weißt, wer die Webseite mit der Farbe, die du versuchst abzugleichen, erstellt hat, kannst du denjenigen Fragen, welchen Hexadezimalcode er verwendet hat. Alternativ kannst du im Quellencode der Webseite nachsehen, um den angeführten Hexadezimalwert zu finden.
Werbeanzeige
Werbeanzeige