Photoshop en webdesign gaan vaak hand in hand, en een van de belangrijkste elementen van deze co-existentie is het vermogen 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 misschien een aantal omslachtige manieren zijn om de kleur in Photoshop te vinden in een indeling die u op een webpagina kunt gebruiken, is er feitelijk een eenvoudige methode om kleurinformatie als HTML uit te voeren.
Onze onderstaande gids laat u zien hoe u het gereedschap Pipet in Photoshop kunt gebruiken 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 op 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 verkrijgen, zodat u deze op een webpagina kunt gebruiken.
We laten u de tool en methode zien om deze informatie in Photoshop te verkrijgen, en vervolgens laten we u de uitvoer van de gekopieerde informatie zien.
Stap 1: Open uw bestand in Photoshop CS5.
Stap 2: Klik op dePipet gereedschapin de gereedschapskist.
Aanbevolen leesmateriaal:Wijzig de Photoshop CS5-achtergrondschermkleur
Stap 3: Plaats de punt van dePipet gereedschapop de kleur waarvoor u de HTML-code nodig heeft, klik er vervolgens met de rechtermuisknop op en kies deKopieer kleur als HTMLoptie.
Als u de informatie vervolgens plakt, wordt deze geplakt in het formaat dat in de onderstaande afbeelding wordt weergegeven.
Nu u weet hoe u een kleur als HTML in Photoshop kunt kopiëren, kunt u hiermee eenvoudig de HTML-code bepalen voor een bepaalde kleur die u wilt gebruiken.
Wordt het lastig om te bepalen welke laag in uw Photoshop-bestand welke objecten bevat? Dit artikel – https://www.solveyourtech.com/rename-layer-photoshop-cs5/ – laat zien hoe u de naam van een laag kunt wijzigen en deze gemakkelijker kunt identificeren.