kulturbanause blog


Hier findest Du Artikel, Tutorials, Downloads, Tipps, Hacks, Snippets und aktuelle Szene-News rund um illustratives Webdesign, Social Media und digitale Bildbearbeitung.



Photoshop-Farben als Hexadezimalwert/HTML kopieren

color-als-hex

Wenn Ihr innerhalb von Photoshop eine Farbe mittels Pipette aufnehmen wollt um Sie anschließend als Hexadezimalwert in Eurem CSS-Code einzubinden so war der bisherige Weg (bis CS5) recht mühselig. Entweder Ihr habt bei eingeblendetem Info-Bedienfeld und zwei Monitoren (alternativ gutem Gedächtnis) den Code abgeschrieben oder aber Ihr habt einen Umweg über den Color Picker genommen, Euch dort den Hex-Code herauskopiert und anschließend im CSS-Code wieder eingefügt. Klar, mit ein wenig Übung sind beide Varianten eine Frage von zwei Sekunden … aber jetzt es geht auch in einer.

Neue CS5-Möglichkeiten Farben zu kopieren

Seit Photoshop CS5 steht eine neue Möglichkeit bereit Farben zu kopieren. Wählt bei aktivierter Pipette I das Kontextmenü (Cmd + Klick/Rechtsklick) und wählt dort den Eintrag Hex Code. Alternativ könnt Ihr wie bisher auch den HTML-Code kopieren.

HexCode/HTML-Code in Photoshop CS5

Je nach gewähltem Menüeintrag wird folgender Code in die Zwischenablage geschrieben:

  • HTML: color="#404449"
  • Hex Code: 404449

Wie habt Ihr bisher gearbeitet?

Habt Ihr eine der beiden oben beschriebenen Möglichkeiten genutzt um Farben von Photoshop in Euren Code zu kopieren oder kennt Ihr vllt. sogar einen viel besseren Weg? Oder arbeitet Ihr mit Farbfeldern, websicheren Farben etc. und habt den Code ganz einfach im Kopf? Lasst es mich wissen.