Photoshop en webdesign gaan vaak hand in hand, en een van de belangrijkste elementen van deze co-existentie is de mogelijkheid om kleuren tussen de twee plaatsen nauwkeurig weer te geven. Maar het kan zijn dat u een kleur in een afbeelding heeft die u op uw webpagina wilt gebruiken. Of dit nu een lettertypekleur, een achtergrondkleur of een zweefeffect is, het effectief gebruiken van dezelfde of complementaire kleuren op een webpagina kan een grote impact hebben. Hoewel er enkele omweggetjes zijn om de kleur in Photoshop te vinden in een indeling die u op een webpagina kunt gebruiken, is er eigenlijk een eenvoudige methode om kleurinformatie als HTML uit te voeren.
Onze onderstaande gids laat u zien hoe u het gereedschap Pipet in Photoshop gebruikt om een kleur als HTML te kopiëren, zodat u deze rechtstreeks in een HTML-element kunt plakken.
Haal de HTML-code voor een kleur uit een Photoshop-bestand
Bij de stappen in dit artikel wordt ervan uitgegaan dat u een kleur in een Photoshop-bestand hebt en dat u de HTML-code voor die kleur wilt ontvangen, zodat u deze op een webpagina kunt gebruiken. We laten u de tool en methode zien om deze informatie in Photoshop te verkrijgen, daarna laten we u de uitvoer van de gekopieerde informatie zien.
Stap 1: Open uw bestand in Photoshop CS5.
Stap 2: Klik op de Pipetgereedschap in de gereedschapskist.
Stap 3: Plaats de punt van de Pipetgereedschap op de kleur waarvoor je de HTML-code nodig hebt, klik er dan met de rechtermuisknop op en kies de Kleur kopiëren als HTML optie.
Als u vervolgens de informatie plakt, wordt deze geplakt in het formaat dat wordt weergegeven in de onderstaande afbeelding.
Wordt het moeilijk om te bepalen welke laag in uw Photoshop-bestand welke objecten bevat? Dit artikel – //www.solveyourtech.com/rename-layer-photoshop-cs5/ – laat u zien hoe u een laag hernoemt en maakt het gemakkelijker om deze te identificeren.