Photoshopes è uno strumento molto versatile, uno degli usi che viene generalmente dato è quello di generare contenuti che useremo in seguito su pagine web, con questo è importante conoscere alcuni dettagli tecnici di questi contenuti per poter passare ciò che vediamo in Photoshop CS6 o CC 217 in HTML.
Una delle cose che dobbiamo sempre sapere sono i codici colore, poiché essendo formati digitali, solo con un codice esadecimale, possiamo riprodurre in HTML l'esatto colore che stiamo vedendo nel nostro progetto CS6 o CC2021-2022.
1. Come conoscere il codice colore con Opzioni pannello in Photoshop
Uno dei modi attraverso cui possiamo ottenere il colore esatto è attraverso il pannello delle informazioni, questo si ottiene semplicemente trascinando il cursore e passandolo sulle aree che vogliamo identificare, tuttavia abbiamo un piccolo problema, questo pannello è configurato per visualizza il colore in formato RGB e CMYK per impostazione predefinita, quindi dobbiamo fare una piccola configurazione per ottenere le informazioni di cui abbiamo veramente bisogno
Passo 1
Per fare ciò, nel pannello Informazioni faremo clic sulla piccola freccia che vediamo nella parte in alto a destra di esso, lì vedremo un nuovo menu in cui selezioneremo l'opzione: Opzioni pannello.
NotaSe vuoi vedere questa finestra vai al menu Finestra - Informazioni.
Passo 2
Al suo interno possiamo selezionare il colore web e RGB per vedere quei dati di colore o un altro se abbiamo bisogno di un'altra codifica.
Passaggio 3
Questo ci permetterà di vedere il codice esadecimale per il nostro progetto proprio accanto al suo codice RGB, con questo avremo le informazioni corrispondenti:
2. Come conoscere il codice colore con la finestra Informazioni in Photoshop
Dallo stesso pannello che abbiamo visto nel punto precedente, c'è un modo rapido per poter modificare i valori che mostra del colore. Per fare ciò, devi solo fare clic sull'icona del contagocce e selezionare il codice desiderato.
3. Come conoscere il codice colore con Eyedropper in Photoshop
Sebbene il modulo precedente sia corretto e funzioni, è un po' esteso, quindi vedremo che in pochi secondi possiamo averlo comunque.
Passo 1
Selezioniamo lo strumento Contagocce dal pannello degli strumenti e scegliamo il colore che desideriamo.
Passo 2
Andiamo alla tavolozza dei colori e facciamo doppio clic per aprire il pannello.
Passaggio 3
Possiamo anche accedere al Color Picker dalla finestra Colore in alto a destra facendo doppio clic sul colore.
Passaggio 3
Come vediamo in questo pannello Color Picker, sotto abbiamo il codice colore HTML in basso che possiamo facilmente copiare e incollare.
Come possiamo vedere, abbiamo tre diversi modi per ottenere informazioni, gli ultimi due sono i più diretti, il che ci dà un po' più di agilità e velocità nell'individuare i dati di cui abbiamo bisogno.
Con questo finiamo il tutorial, ora siamo in grado di ottenere il codice esadecimale di un colore in Photoshop CS6 o CC2021-2022 e quindi poterlo utilizzare nei nostri progetti web o condividerli in modo che possano essere incorporati.
