I colori in Photoshop CS6 / CC sembrano diversi rispetto al browser?


18

Uno dei miei amici, un grafico mi ha detto di recente che a volte i colori in Photshop sembrano leggermente diversi da quelli visualizzati nel browser.

So che è possibile quando si salva un file e quindi lo si utilizza su un sito Web a causa delle tavolozze, ma ad esempio utilizza un colore specifico in PS #b81e1e, quindi crea un elemento DOM e imposta lo sfondo su #b81e1ee il colore viene visualizzato in modo diverso in browser rispetto a PS (suppongo che non sia così sottile come può facilmente individuarlo). Non è una cosa normale e non succede sempre, ma afferma che gli è successo un paio di volte, anche se non può dirmelo con i colori delle streghe.

È anche possibile? Perché non ho mai sentito parlare di qualcosa del genere e nulla di simile è mai successo a me ...

Risposte:


24

Questo è molto probabilmente un problema del profilo colore.

Prima di tutto, dovrebbe funzionare RGB e non CYMK o un altro spazio colore. È abbastanza facile da controllare, basta andare su Immagine> Modalità e assicurarsi che sia impostato su RGB. La mia ipotesi è che probabilmente lo è.

Il secondo problema è un profilo colore. Questo potrebbe essere impostato su qualcos'altro. Dovrebbe utilizzare sRGB IEC61966-2.1, che è considerato uno standard per la maggior parte dei monitor per PC. Il modo più semplice per verificarlo è andare su Modifica> Impostazioni colore. Se è impostato su "North America General Purpose 2" o "North America Web / Internet" dovrebbe funzionare correttamente.

Il passaggio finale consiste nell'impostare una "configurazione di prova" che imposterà un'anteprima del colore del monitor. Vai a "Visualizza> Impostazione prova> Monitor RGB". Quindi, puoi attivare / disattivare i colori di prova utilizzando il collegamento (dipende dal sistema operativo) per Colori di prova, che si trova sotto la barra degli strumenti Visualizza.

Non ho familiarità con i profili di colore in Photoshop, ma questi sono i passi che faccio se trovo delle differenze di colore. Normalmente non è un problema per me.

maggiori informazioni sui profili colore


Per aggiungere ciò, direi anche che lo stai visualizzando anche sullo stesso monitor, solo per verificare come monitor diversi visualizzeranno le cose in modo diverso.
Hanna,

5
Scegliendo "Monitor RGB" in Visualizza> Impostazione prova è stato risolto il problema con colori errati. Penso che sia stato cambiato per errore con una combinazione di tastiere.
vovahost il

@vovahost, questo è molto comune, in effetti il ​​mio primo incontro con problemi di colore è stato quel problema esatto (tasto di scelta rapida accidentale)
Mattc0m

Oh. Mio. Dio. 15 anni di lavoro con Photoshop e non ho mai usato questa impostazione. In qualche modo è passato a CMYK. Non sembra essere relativo al documento aperto, poiché ho appena avviato una nuova app da una preimpostazione predefinita. Quindi o proveniva da un precedente documento aperto o da un tasto di scelta rapida, come hai detto. Grazie mille, terrò d'occhio da vicino questa impostazione e la userò!
Chase

Questo ha completamente risolto il mio problema. Ho usato Photoshop per anni e non lo sapevo nemmeno, ho pensato che fosse perché il documento era in CMYK. Non è stato fino a quando non l'ho visto su un altro computer colleghi mi sono reso conto che era sbagliato.
Alex McCabe,

3

Consapevole di essere in ritardo alla festa - Ho avuto lo stesso problema e dopo aver provato le risposte precedenti ho ancora avuto il problema, spero che questo aiuti qualcun altro in futuro -

La correzione che ha funzionato per me: File> Salva per Web> Deseleziona 'Converti in sRGB'> Salva


2

Oltre ai profili colore di cui parla la risposta di Mattc0m, il problema più grande sono i monitor stessi.

Se aggiorno semplicemente la luminosità e il contrasto sul mio monitor, il colore viene visualizzato in modo diverso.

Ho due monitor non corrispondenti nella mia configurazione. Entrambi sono collegati allo stesso hardware e ciascuno è stato calibrato con lo stesso dispositivo di calibrazione e ciascuno ha il proprio profilo di calibrazione personalizzato caricato all'avvio. Non visualizzano il colore allo stesso modo.

Quando carico un'immagine su un server web per il mondo, non ho alcun controllo sul browser del client (che può o meno onorare i profili incorporati) e sul monitor del client. Impari ad accettare il gioco.



1

Assicurati di utilizzare la funzione "Esporta per il Web". In questo modo convertirà i colori in un formato che apparirà nel browser come nella tela di Photoshop.


1
Ciao Dominik, benvenuto in GDSE e grazie per la tua risposta. In caso di domande, consulta il centro assistenza o esegui il ping di uno di noi nella chat di progettazione grafica quando la tua reputazione è sufficiente (20). Continua a contribuire e goditi il ​​sito!
Vincent,

1

Come aggiornamento per Photoshop CC cambiano anche:

MODIFICA> CONVERT A PROFILO ... e imposta il profilo dello spazio di destinazione su sRGB IEC61966-2.1

Questo era il mio problema particolare.


-3

Quando selezioni un colore, c'è una piccola casella in basso a sinistra che dice "Solo colori web". Assicurati che sia selezionato e dovresti andare bene.


Potete per favore approfondire ulteriormente?
WELZ,

Questa è un'idea terribile; Ti stai limitando a una tavolozza di colori molto piccola (216 per la precisione) e questo impedirà solo differenze di colore sui dispositivi che visualizzano il colore solo in 8 bit (che in questi giorni è praticamente nessuno)
Cai

-5

Ho trovato questo video per un rapido FIX. È all'incirca un video di 1 minuto che mostra come risolvere il problema del profilo colore in modo che le immagini vengano visualizzate correttamente in Adobe Photoshop. https://www.youtube.com/watch?v=aB_xN2kLVCE


non pubblicare una risposta solo per link, spiega cosa troveremo dietro quel link. Se vuoi saperne di più sul sito, consulta il centro assistenza . Continua a contribuire e goditi il ​​sito!
Luciano,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.