Photoshopes is een zeer veelzijdige tool, een van de toepassingen die over het algemeen wordt gegeven, is om inhoud te genereren die we later op webpagina's zullen gebruiken, hierbij is het belangrijk om enkele technische details van deze inhoud te kennen om te kunnen doorgeven wat we zien in Photoshop CS6 of CC 217 naar HTML.
Een van de dingen die we altijd moeten weten, zijn de kleurcodes, aangezien het digitale formaten zijn, alleen met een hexadecimale code, we in HTML de exacte kleur kunnen reproduceren die we in ons CS6- of CC2021-2022-project zien.
1. Hoe de kleurcode te kennen met Paneelopties in Photoshop
Een van de manieren waarop we de exacte kleur kunnen verkrijgen, is via het informatiepaneel, dit wordt bereikt door simpelweg de cursor te slepen en deze over de gebieden te bewegen die we willen identificeren, maar we hebben een klein probleem, dit paneel is geconfigureerd om de kleur standaard in RGB- en CMYK-indeling weergeven, dus we moeten een kleine configuratie uitvoeren om de informatie te krijgen die we echt nodig hebben
Stap 1
Om dit te doen, gaan we in het informatiepaneel klikken op de kleine pijl die we rechtsboven zien, daar zullen we een nieuw menu zien waarin we de optie zullen selecteren: Paneelopties.
OpmerkingAls u dit venster wilt zien, gaat u naar het menu Venster - Informatie.
Stap 2
Daarin kunnen we webkleur en RGB selecteren om die kleurgegevens te zien of een andere als we een andere codering nodig hebben.
Stap 3
Hierdoor kunnen we de hexadecimale code voor ons project direct naast de RGB-code zien, hiermee hebben we de bijbehorende informatie:
2. Hoe de kleurcode te kennen met het informatievenster in Photoshop
Vanuit hetzelfde paneel dat we in het vorige punt hebben gezien, is er een snelle manier om de waarden die het van de kleur laat zien, te kunnen wijzigen. Om dit te doen, hoeft u alleen maar op het pipetpictogram te klikken en de gewenste code te selecteren.
3. Hoe de kleurcode te kennen met Pipet in Photoshop
Hoewel het vorige formulier correct is en werkt, is het een beetje uitgebreid, dus we zullen zien dat we het binnen enkele seconden toch kunnen hebben.
Stap 1
We selecteren het gereedschap Pipet in het gereedschapspaneel en kiezen de gewenste kleur.
Stap 2
We gaan naar het kleurenpalet en dubbelklikken om het paneel te openen.
Stap 3
We hebben ook toegang tot de Kleurkiezer vanuit het Kleurvenster in de rechterbovenhoek door te dubbelklikken op de kleur.
Stap 3
Zoals we in dit Color Picker-paneel zien, hebben we onderaan de HTML-kleurcode die we gemakkelijk kunnen kopiëren en plakken.
Zoals we kunnen zien, hebben we drie verschillende manieren om informatie te verkrijgen, waarvan de laatste twee de meest directe zijn, wat ons wat meer flexibiliteit en snelheid geeft bij het lokaliseren van de gegevens die we nodig hebben.
Hiermee ronden we de tutorial af, we zijn nu in staat om de hexadecimale code van een kleur in Photoshop CS6 of CC2021-2022 te verkrijgen en dus in onze webprojecten te gebruiken of te delen zodat ze kunnen worden opgenomen.
