Photoshop a web design jdou často ruku v ruce a jedním z nejdůležitějších prvků tohoto koexistence je schopnost přesně reprezentovat barvy mezi těmito dvěma místy. Možná však zjistíte, že na obrázku máte barvu, kterou byste chtěli použít na své webové stránce. Ať už se jedná o barvu písma, barvu pozadí nebo efekt přechodu, efektivní použití stejných nebo doplňkových barev na webové stránce může mít velký dopad. I když může existovat několik kruhových způsobů, jak najít barvu ve Photoshopu ve formátu, který můžete použít na webové stránce, ve skutečnosti existuje jednoduchá metoda pro výstup informací o barvách jako HTML.
Náš průvodce níže vám ukáže, jak pomocí nástroje kapátko ve Photoshopu zkopírovat barvu jako HTML, abyste ji mohli vložit přímo do prvku HTML.
Získejte HTML kód pro barvu ze souboru Photoshopu
Kroky v tomto článku budou předpokládat, že máte barvu v souboru Photoshopu a že byste chtěli získat HTML kód pro tuto barvu, abyste ji mohli použít na webové stránce. Ukážeme vám nástroj a metodu pro získání těchto informací ve Photoshopu, poté vám ukážeme výstup zkopírovaných informací.
Krok 1: Otevřete soubor ve Photoshopu CS5.
Krok 2: Klikněte na Nástroj kapátko v panelu nástrojů.
Krok 3: Umístěte špičku Nástroj kapátko na barvu, pro kterou potřebujete kód HTML, klikněte na ni pravým tlačítkem a vyberte Kopírovat barvu jako HTML volba.
Pokud poté informace vložíte, budou vloženy ve formátu zobrazeném na obrázku níže.
Je stále obtížné určit, která vrstva v souboru Photoshopu obsahuje které objekty? Tento článek – //www.solveyourtech.com/rename-layer-photoshop-cs5/ – vám ukáže, jak vrstvu přejmenovat a usnadnit její identifikaci.