4 Möglichkeiten, den Hex-Code einer Farbe auf Ihrem Computerbildschirm zu erhalten

Inhaltsverzeichnis:

4 Möglichkeiten, den Hex-Code einer Farbe auf Ihrem Computerbildschirm zu erhalten
4 Möglichkeiten, den Hex-Code einer Farbe auf Ihrem Computerbildschirm zu erhalten

Video: 4 Möglichkeiten, den Hex-Code einer Farbe auf Ihrem Computerbildschirm zu erhalten

Video: 4 Möglichkeiten, den Hex-Code einer Farbe auf Ihrem Computerbildschirm zu erhalten
Video: 15 Erstaunliche Tastenkombinationen, die du noch nie verwendet hast 2024, März
Anonim

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

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 1
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 1

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.

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 2
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 2

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

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 3
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 3

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.

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 4
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 4

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.

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 5
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 5

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.

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 6
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 6

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

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 7
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 7

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.
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 8
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 8

Schritt 2. Öffnen Sie Color Cop

Sie finden es in Ihrem Startmenü.

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 9
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 9

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.

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 10
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 10

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.

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 11
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 11

Schritt 5. Doppelklicken Sie auf den Hex-Code und drücken Sie Strg+C

Dadurch wird der Hex-Code in Ihre Zwischenablage kopiert.

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 12
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 12

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

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 13
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 13

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.

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 14
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 14

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.
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 15
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 15

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.

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 16
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 16

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)

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 17
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 17

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.
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 18
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 18

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.

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 19
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 19

Schritt 3. Klicken Sie auf das Menü ☰

Es sind die drei horizontalen Linien in der oberen rechten Ecke von Firefox.

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 20
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 20

Schritt 4. Klicken Sie auf das Web Developer-Menü

Ein weiteres Menü wird erweitert.

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 21
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 21

Schritt 5. Klicken Sie auf Pipette

Ihr Mauszeiger verwandelt sich in einen großen Kreis.

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 22
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 22

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.

Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 23
Holen Sie sich den Hex-Code einer Farbe auf Ihrem Computerbildschirm Schritt 23

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.

Empfohlen: