Photoshop und Webdesign gehen oft Hand in Hand, und eines der wichtigsten Elemente dieser Koexistenz ist die Fähigkeit, Farben zwischen den beiden Orten genau darzustellen. Möglicherweise stellen Sie jedoch fest, dass ein Bild eine Farbe enthält, die Sie auf Ihrer Webseite verwenden möchten. Unabhängig davon, ob es sich um eine Schriftfarbe, eine Hintergrundfarbe oder einen Hover-Effekt handelt, kann die effektive Verwendung gleicher oder komplementärer Farben auf einer Webseite große Auswirkungen haben. Obwohl es einige Umwege gibt, um die Farbe in Photoshop in einem Format zu finden, das Sie auf einer Webseite verwenden können, gibt es tatsächlich eine einfache Methode, Farbinformationen als HTML auszugeben.
Unsere Anleitung unten zeigt Ihnen, wie Sie mit dem Pipettenwerkzeug in Photoshop eine Farbe als HTML kopieren, damit Sie sie direkt in ein HTML-Element einfügen können.
Holen Sie sich den HTML-Code für eine Farbe aus einer Photoshop-Datei
Bei den Schritten in diesem Artikel wird davon ausgegangen, dass Sie eine Farbe in einer Photoshop-Datei haben und den HTML-Code für diese Farbe abrufen möchten, damit Sie sie auf einer Webseite verwenden können. Wir zeigen Ihnen das Werkzeug und die Methode, um diese Informationen in Photoshop zu erfassen, und zeigen Ihnen dann die Ausgabe der kopierten Informationen.
Schritt 1: Öffnen Sie Ihre Datei in Photoshop CS5.
Schritt 2: Klicken Sie auf Pipette im Werkzeugkasten.
Schritt 3: Platzieren Sie die Spitze des Pipette auf die Farbe, für die Sie den HTML-Code benötigen, klicken Sie dann mit der rechten Maustaste darauf und wählen Sie das Farbe als HTML kopieren Möglichkeit.
Wenn Sie die Informationen dann einfügen, werden sie in dem Format eingefügt, das im Bild unten gezeigt wird.
Wird es schwierig zu bestimmen, welche Ebene in Ihrer Photoshop-Datei welche Objekte enthält? Dieser Artikel – //www.solveyourtech.com/rename-layer-photoshop-cs5/ – zeigt Ihnen, wie Sie eine Ebene umbenennen und leichter identifizieren können.