Farben werden in HTML und CSS durch ihre hexadezimalen Codes identifiziert. Wenn Sie eine Webseite oder ein anderes HTML-Projekt erstellen und ein Element, das einer bestimmten Farbe entspricht, in ein Bild, eine Website oder ein Fenster auf Ihrem Computerbildschirm einfügen möchten, müssen Sie den Hex-Code der Farbe ermitteln. In diesem wikiHow zeigen wir dir, wie du verschiedene kostenlose Tools verwendest, um schnell den Hex-Code einer beliebigen Farbe zu identifizieren.
Schritte
Methode 1 von 4: Verwenden des digitalen Farbmessers auf einem Mac
Schritt 1. Öffnen Sie Digital Color Meter auf Ihrem Mac
Dieses Tool, das mit macOS geliefert wird, kann den Farbwert jeder Farbe auf dem Bildschirm identifizieren. Öffnen Sie den Finder, doppelklicken Sie auf das Anwendungen Ordner, doppelklicken Sie auf das Dienstprogramme Ordner und doppelklicken Sie dann Digitales Farbmessgerät um es zu öffnen.
Schritt 2. Bewegen Sie den Mauszeiger auf die Farbe, die Sie identifizieren möchten
Wenn Sie die Maus bewegen, werden die Werte im Tool in Echtzeit aktualisiert. Bewegen Sie die Maus nicht von dieser Position, bis Sie sowohl die horizontalen als auch die vertikalen Öffnungen gesperrt haben.
Sie können das Tool auch verwenden, um Farben im Web zu identifizieren. Öffnen Sie einfach Safari (oder Ihren bevorzugten Browser) und navigieren Sie zu einer Website, die die Farbe enthält, die Sie identifizieren möchten
Schritt 3. Drücke ⌘ Command+L
Dadurch werden sowohl die horizontalen als auch die vertikalen Öffnungen gesperrt, was bedeutet, dass sich der Farbwert nicht ändert, wenn Sie die Maus bewegen.
Schritt 4. Drücken Sie ⇧ Shift+⌘ Command+C, um den Hex-Code in die Zwischenablage zu kopieren
Sie können den Hex-Code auch kopieren, indem Sie auf klicken Farbe Menü und Auswahl Farbe als Text kopieren.
Schritt 5. Drücke ⌘ Command+V, um den kopierten Code einzufügen
Sie können es direkt in Ihren HTML-Code, eine Textdatei oder einen anderen Eingabebereich einfügen.
Schritt 6. Drücke ⌘ Command+L, um die Blenden zu entsperren
Wenn Sie eine andere Farbe identifizieren möchten, wird dadurch die Sperre aufgehoben, sodass der Cursor wieder als Farbwertidentifikator fungiert.
Methode 2 von 4: Verwenden von Color Cop für Windows
Schritt 1. Installieren Sie Color Cop
Color Cop ist ein kleines, kostenloses Dienstprogramm, mit dem Sie schnell den Hex-Code jeder Farbe auf dem Bildschirm identifizieren können. So erhalten Sie die App:
- Rufen Sie in einem Webbrowser https://colorcop.net/download auf.
- Klicken colorcop-setup.exe unter "selbstinstallierend". Wenn die Datei nicht automatisch heruntergeladen wird, klicken Sie auf Speichern oder OK um den Download zu starten.
- Doppelklicken Sie auf die heruntergeladene Datei (sie befindet sich im Downloads Ordner und normalerweise in der unteren linken Ecke des Browser-Tabs).
- Befolgen Sie die Anweisungen auf dem Bildschirm, um die Anwendung zu installieren.
Schritt 2. Öffnen Sie Color Cop
Sie finden es in Ihrem Startmenü.
Schritt 3. Ziehen Sie das Pipettensymbol auf die Farbe, die Sie identifizieren möchten
Sie können jede Farbe auf dem Bildschirm erkennen, auch in anderen Anwendungen und auf Websites.
Schritt 4. Lassen Sie die Maustaste los, um den Hex-Code anzuzeigen
Der Code wird in der Lücke in der Mitte der Anwendung angezeigt.
Schritt 5. Doppelklicken Sie auf den Hex-Code und drücken Sie Strg+C
Dadurch wird der Hex-Code in Ihre Zwischenablage kopiert.
Schritt 6. Fügen Sie den Code dort ein, wo Sie ihn benötigen
Sie können verwenden Strg + V um den Hex-Code an einer beliebigen Stelle einzufügen, z. B. in Ihren HTML- oder CSS-Code.
Methode 3 von 4: Verwenden von Imagecolorpicker.com
Schritt 1. Rufen Sie auf Ihrem Computer, Telefon oder Tablet https://imagecolorpicker.com auf
Sie können dieses kostenlose Tool verwenden, um den Hex-Code einer beliebigen Farbe in einem hochgeladenen Bild zu identifizieren. Diese Methode funktioniert in jedem Webbrowser, einschließlich denen auf Ihrem Android, iPhone oder iPad.
Schritt 2. Laden Sie ein Bild hoch oder geben Sie eine URL ein
Sie müssen entscheiden, ob Sie Ihr eigenes Bild hochladen oder ein Bild oder eine Website verwenden möchten, die bereits online sind. Beide Methoden können verwendet werden, um ein Bild oder eine Webseite anzuzeigen, damit Sie die gewünschte Farbe auswählen können.
- Um ein Bild hochzuladen, scrollen Sie nach unten und wählen Sie Laden Sie Ihr Bild hoch, navigieren Sie auf Ihrem Computer, Telefon oder Tablet zu dem Bild und wählen Sie die Option zum Hochladen aus.
- Um eine Website zu verwenden, scrollen Sie nach unten zur Option "Dieses Feld verwenden, um den HTML-Farbcode von einer Website zu erhalten", geben Sie die URL ein und klicken oder tippen Sie dann auf Webseite nehmen.
- Um ein direktes Bild im Web anstelle einer ganzen Website auszuwählen, geben Sie die URL zum Bild in das Feld "Verwenden Sie dieses Feld, um den HTML-Farbcode von einem Bild über diese URL zu erhalten" ein und klicken oder tippen Sie dann auf Bild aufnehmen.
Schritt 3. Klicken oder tippen Sie in der Bild-/Site-Vorschau auf die gewünschte Farbe
Dies zeigt den Farb-Hex-Code in der unteren linken Ecke des Bildschirms an.
Schritt 4. Klicken oder tippen Sie auf das Kopiersymbol, um den Hex-Code in Ihre Zwischenablage zu kopieren
Es sind die beiden überlappenden Quadrate rechts vom Hex-Code. Sie können es dann in eine beliebige Textdatei oder einen Eingabebereich einfügen.
Methode 4 von 4: Verwenden von Firefox (für Farben im Web)
Schritt 1. Öffnen Sie Firefox auf Ihrem PC oder Mac
Der Firefox-Webbrowser wird mit einem kostenlosen Pipette-Tool geliefert, mit dem Sie den Hex-Code jeder Farbe im Web identifizieren können. Wenn Sie Firefox haben, finden Sie es im Startmenü (Windows) oder im Programmordner (macOS).
- Sie können Firefox kostenlos unter https://www.mozilla.org/en-US/firefox herunterladen.
- Firefox sagt Ihnen nur den Wert einer Farbe auf einer Website. Sie können es nicht außerhalb des Browsers verwenden.
Schritt 2. Rufen Sie eine Website auf, die die Farbe enthält, die Sie identifizieren möchten
Stellen Sie sicher, dass das Element, für das Sie die Farbe benötigen, sichtbar ist.
Schritt 3. Klicken Sie auf das Menü ☰
Es sind die drei horizontalen Linien in der oberen rechten Ecke von Firefox.
Schritt 4. Klicken Sie auf das Web Developer-Menü
Ein weiteres Menü wird erweitert.
Schritt 5. Klicken Sie auf Pipette
Ihr Mauszeiger verwandelt sich in einen großen Kreis.
Schritt 6. Klicken Sie auf die Farbe, die Sie identifizieren möchten
Sie werden feststellen, dass der Hex-Wert der Farben live aktualisiert wird, wenn Sie die Maus an die Position bewegen. Sobald Sie mit der Maus klicken, speichert Firefox den Hex-Code in Ihrer Zwischenablage.
Schritt 7. Fügen Sie den Code dort ein, wo Sie ihn benötigen
Sie können verwenden Steuerung + V (PC) oder Befehl + V (Mac), um den Hex-Code in Ihre HTML-, CSS- oder andere Textdatei einzufügen.
Tipps
- Es gibt andere Websites, Browsererweiterungen und Bildbearbeitungsprogramme, mit denen Sie auch einen Farbwähler verwenden können, um auch den Hex-Code des Farbtons anzuzeigen.
- Wenn Sie wissen, wer die Webseite mit der gewünschten Farbe erstellt hat, können Sie sie jederzeit fragen, welchen Hex-Code sie verwendet haben. Alternativ können Sie im Quellcode der Website nach dem dort aufgeführten Hex-Code suchen.
