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.

Methode 1
Methode 1 von 4:

Das Digital Color Meter auf einem Mac verwenden

PDF herunterladen
  1. Dieses Werkzeug, das bei macOS enthalten ist, kann den Farbwert jeder Farbe auf dem Bildschirm feststellen. [1] Ö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.
  2. 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.
  3. So werden die horizontale und vertikale Öffnung fixiert, was heißt, dass sich der Farbwert nicht verändert, wenn du die Maus bewegst.
  4. Du kannst den Hexadezimalcode auch kopieren, indem du auf das Menü Farbe klickst und Farbe als Text kopieren auswählst.
  5. Du kannst ihn direkt in deinen HTML-Code, eine Textdatei oder irgendein anderes Schreibfeld einsetzen.
  6. Wenn du eine andere Farbe ermitteln möchtest, wird die Sperrung damit aufgehoben, sodass der Mauszeiger wieder als Farbwerterkenner arbeitet.
    Werbeanzeige
Methode 2
Methode 2 von 4:

Color Cop für Windows verwenden

PDF herunterladen
  1. 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.
  2. Du findest es im Startmenü.
  3. Du kannst jede Farbe auf dem Bildschirm feststellen, auch welche in anderen Anwendungen oder auf Websites.
  4. Der Code wird in dem freien Feld in der Mitte der Anwendung aufscheinen.
  5. Damit wird der Hexadezimalcode in die Zwischenablage kopiert.
  6. Du kannst Strg + V verwenden, um den Hexadezimalcode überall einzufügen, wo du möchtest, wie in einem HTML- oder CSS-Code.
    Werbeanzeige
Methode 3
Methode 3 von 4:

Imagecolorpicker.com verwenden

PDF herunterladen
  1. 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.
  2. 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 .
  3. Dadurch wird der Hexadezimalcode der Farbe in der unteren Bildschirmecke angezeigt.
  4. Das sind zwei sich überlappende Quadrate rechts neben dem Hexadezimalcode. Du kannst ihn dann in jede Textdatei oder Eingabebereich einfügen.
    Werbeanzeige
Methode 4
Methode 4 von 4:

Firefox (für Colors on the Web)

PDF herunterladen
  1. 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.
  2. Sorge dafür, dass das Element, dessen Farbe du brauchst, sichtbar ist.
  3. Das sind drei horizontale Linien in der oberen rechten Ecke von Firefox.
  4. Es öffnet sich ein weiteres Menü.
  5. Dein Mauszeiger wird zu einem großen Kreis.
  6. 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.
  7. 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

Über dieses wikiHow

Diese Seite wurde bisher 3.132 mal abgerufen.

War dieser Artikel hilfreich?

Werbeanzeige