So identifizieren Sie eine bestimmte Farbe auf einer App oder Website

Stellen Sie sich vor, Sie scrollen durch die Bilder und finden die perfekte Farbe – genau den Farbton, den Sie für Ihr nächstes Designprojekt benötigen. Es gibt einige großartige Tools im Internet, mit denen Sie bestimmte Farben auf jeder App oder Website identifizieren können. Werfen wir einen Blick auf einige der besten Optionen.

1. Verwenden der Entwicklertools im Chrome-Webbrowser

Eine Option, die Sie ausprobieren können, ist das Chrome Developer Tool. Chrome bietet viele hilfreiche Funktionen für Entwickler, die die Erledigung von Aufgaben erheblich erleichtern. Sie können die folgenden Schritte verwenden, um bestimmte Farben in jeder App oder Website zu identifizieren.

  • Öffnen Sie die Website, auf der Sie eine Farbe identifizieren möchten, im Chrome-Webbrowser
  • Klicken Sie oben rechts in Chrome auf das Drei-Punkte-Symbol. Ein Popup mit einer Reihe von Optionen wird angezeigt.
  • Klicken Sie auf "Weitere Tools" und wählen Sie dann "Entwicklertools" aus dem resultierenden Popup.
  • Verwenden Sie Strg + Umschalt + I, wenn Sie die obigen Schritte überspringen möchten
  • Nun teilt sich das Fenster in zwei Bildschirme – die Website links und der Code der Website rechts
  • Geben Sie Strg + Umschalt + C auf Ihrer Tastatur ein. Dies zeigt Ihnen alle Details eines bestimmten Elements auf der Website, wenn wir mit dem Mauszeiger über die Elemente fahren.
  • Sie finden den Farbcode des Elements zusammen mit anderen nützlichen Informationen.

Beispiel

Angenommen, Sie interessieren sich für die spezifischen Farbcodes einiger Elemente auf der folgenden Website:

So identifizieren Sie eine bestimmte Farbe auf einer App oder Website

Sie können die Entwicklertools auswählen, indem Sie auf die drei Punkte in der Ecke Ihres Bildschirms klicken. Wählen Sie im Dropdown-Menü Weitere Tools und dann Entwicklertools aus.

So identifizieren Sie eine bestimmte Farbe auf einer App oder Website

So identifizieren Sie eine bestimmte Farbe auf einer App oder Website

Der Bildschirm wird optisch in zwei Seiten unterteilt. Links sehen Sie die Website und rechts den Code der Website.

So identifizieren Sie eine bestimmte Farbe auf einer App oder Website

Geben Sie den Befehl und die Tastenkombination „Strg + Umschalt + C“ ein und bewegen Sie den Mauszeiger über die Elemente der Website. Dadurch wird die Farbe dieses Elements zusammen mit anderen nützlichen Informationen angezeigt. Nachfolgend finden Sie zwei Beispiele, bei denen wir die Farbe der Navigationsleiste und ein Dashboard unter dem Suchwerkzeug finden.

Hier finden wir den Farbcode im Popup der Navigationsleiste. Der Farbcode ist #333333.

So identifizieren Sie eine bestimmte Farbe auf einer App oder Website

Die Farbe des Dashboards kann zusammen mit anderen nützlichen Details gefunden werden. Farbe: #333333, Hintergrundfarbe: #5D4A8E. Obwohl es am Anfang etwas einschüchternd aussehen mag, wird das Programm mit ein wenig Übung viel einfacher zu bedienen.

2. Chrome-Erweiterung für Pipette

Eye Dropper ist eine beliebte und weit verbreitete Chrome-Erweiterung, mit der Sie bestimmte Farben auf jeder Website oder App finden können.

So identifizieren Sie eine bestimmte Farbe auf einer App oder Website

Befolgen Sie die folgenden Schritte, um mithilfe des Erweiterungstools für die Pipette bestimmte Farben auf einer Website oder App zu identifizieren.

  • Öffnen Sie eine beliebige Website oder App im Chrome-Webbrowser
  • Klicken Sie auf das Symbol der Pipette-Erweiterung
  • Wählen Sie „Farbe von Webseite auswählen“ und bewegen Sie den Mauszeiger über verschiedene Elemente in der App oder Website.

So identifizieren Sie eine bestimmte Farbe auf einer App oder Website

Den Farbcode der aufgelisteten Elemente finden Sie unten rechts auf der Webseite.

Beispiel

Okay, verwenden wir das Pipettenverlängerungswerkzeug in einem realen Beispiel. Wir beginnen damit, eine Website zu öffnen und auf das Symbol der Pipette-Erweiterung zu klicken

So identifizieren Sie eine bestimmte Farbe auf einer App oder Website

Wenn Sie mit dem Cursor über verschiedene Elemente der Website fahren, werden die Farbcodes in einem Abschnitt unten rechts auf dem Bildschirm angezeigt.

So identifizieren Sie eine bestimmte Farbe auf einer App oder Website

Wenn ich mit dem Cursor über das V-förmige Symbol fahre, kann ich wie erwähnt seinen Farbcode im unteren Fenster sehen. Der Vorteil dieses Tools besteht darin, dass Sie neben dem Hex-Farbcode des Elements auch den RGB-Code finden können. Die Methode ist flexibel einsetzbar für diejenigen, die eine einfache und schnelle Möglichkeit suchen, die Codes für ihre Lieblingsfarben zu erfassen.



Leave a Comment

So erzwingen Sie, dass Google Chrome immer vollständige URLs anzeigt

So erzwingen Sie, dass Google Chrome immer vollständige URLs anzeigt

Chrome zeigt Ihnen standardmäßig nicht die vollständige URL an. Dieses Detail interessiert Sie vielleicht nicht so sehr, aber wenn Sie aus irgendeinem Grund die Anzeige der vollständigen URL benötigen, finden Sie hier detaillierte Anweisungen, wie Sie Google Chrome dazu bringen, die vollständige URL in der Adressleiste anzuzeigen.

So erhalten Sie altes Reddit zurück

So erhalten Sie altes Reddit zurück

Reddit hat im Januar 2024 sein Design erneut geändert. Das neue Design ist für Benutzer von Desktop-Browsern sichtbar und schränkt den Haupt-Feed ein, während gleichzeitig Links bereitgestellt werden

So kopieren Sie Inhalte aus Lehrbüchern mit Google Lens

So kopieren Sie Inhalte aus Lehrbüchern mit Google Lens

Das Eingeben Ihres Lieblingszitats aus Ihrem Buch auf Facebook ist zeitaufwändig und voller Fehler. Erfahren Sie, wie Sie mit Google Lens Text aus Büchern auf Ihre Geräte kopieren.

Fix Server-DNS-Adresse konnte in Chrome nicht gefunden werden

Fix Server-DNS-Adresse konnte in Chrome nicht gefunden werden

Wenn Sie mit Chrome arbeiten, können Sie manchmal nicht auf bestimmte Websites zugreifen und erhalten die Fehlermeldung „Server-DNS-Adresse konnte in Chrome nicht gefunden werden“. Hier erfahren Sie, wie Sie das Problem beheben können.

Kurzanleitung zum Erstellen von Erinnerungen auf Google Home

Kurzanleitung zum Erstellen von Erinnerungen auf Google Home

Erinnerungen waren schon immer das größte Highlight von Google Home. Sie machen unser Leben sicherlich einfacher. Lassen Sie uns einen kurzen Überblick darüber geben, wie Sie Erinnerungen auf Google Home erstellen, damit Sie wichtige Besorgungen nie verpassen.

Netflix: Passwort ändern

Netflix: Passwort ändern

So ändern Sie Ihr Passwort für den Streaming-Videodienst Netflix mit Ihrem bevorzugten Browser oder Ihrer Android-App.

So beheben Sie die Meldung „Etwas ist schiefgelaufen“ auf Twitter. Versuchen Sie es erneut. Fehler in Google Chrome

So beheben Sie die Meldung „Etwas ist schiefgelaufen“ auf Twitter. Versuchen Sie es erneut. Fehler in Google Chrome

Erhalten Sie die Meldung „Etwas ist schiefgelaufen?“ Beim Zugriff auf Twitter in Google Chrome auf Ihrem Computer tritt die Fehlermeldung „Versuchen Sie es neu zu laden“ auf.

So beheben Sie den Snapchat-Fehler C14A

So beheben Sie den Snapchat-Fehler C14A

Beim Versuch, sich bei Ihrem Snapchat-Konto anzumelden, werden Sie mit einer Fehlermeldung und einem C14A-Code begrüßt. Möglicherweise sind die Server der Plattform ausgefallen, was überall zu Anmeldeproblemen führen kann.

6 Programme für Anfänger zum Erstellen eigener Videospiele

6 Programme für Anfänger zum Erstellen eigener Videospiele

Die Idee, Videospiele zu entwickeln, gefällt vielen. Der eigentliche Prozess ist jedoch entmutigend, insbesondere wenn man ein Programmieranfänger ist.

So teilen Sie YouTube-Videos in Ihrer Instagram-Story

So teilen Sie YouTube-Videos in Ihrer Instagram-Story

Vielleicht möchten Sie Ihre YouTube-Videos auf Instagram teilen, um Ihre Marke auszubauen und Engagement zu generieren. Aber wie teilen Sie YouTube-Videos in Ihrer Instagram-Story? Es gibt keine Möglichkeit, ein YouTube-Video direkt in Ihrer Instagram-Story zu teilen, aber es gibt eine Möglichkeit, dies zu umgehen.