Come faccio a ottenere la mia app Cocoa per disegnare esattamente il colore specificato dal mio designer in Sketch?

Question

Il mio designer ha specificato un colore da disegnare. Quando provo a disegnare quel colore in un'app Cocoa, ottengo un colore risultante visibilmente diverso dall'immagine di riferimento visualizzata da Sketch.app.

Ho creato una piccola app Cocoa che disegna una vista personalizzata. Ecco la parte interessante del codice. Si noti che sto inizializzando il colore nello spazio SRGB.

class View: NSView { 
    override func drawRect(dirtyRect: NSRect) { 
     let components : [CGFloat] = [156.0/255.0, 0, 254.0/255.0, 1] 
     let color = NSColor.init(SRGBRed: components[0], green: components[1], blue: components[2], alpha: components[3]) 
     color.setFill() 
     NSRectFill(self.bounds) 
    }  
} 

Ecco cosa disegna. (. Nevermind la parte che riguarda il cursore e ho tolto l'ombra finestra in modo sarebbe più facile a recensire il fianco a fianco con altre finestre.)

Ed ecco la parte del file Sketch:

Mettendo tutto insieme, ecco un lato accanto al file di Sketch e la vista personalizzata, così come la lente Xscope che visualizza il valore del colore sotto il cursore del mouse.

Quando si libra sopra il file Schizzo, vedo questo:

Quando si libra sopra la mia visualizzazione personalizzata, vedo questo:

Si può vedere che il valore del colore del pixel sotto il cursore del mouse nero come letto da Xscope è significativamente diverso. I colori hanno anche un aspetto significativamente diverso sul mio display Retina Macbook Pro, anche se interessante, non così diverso nello screenshot catturato PNG.

TUTTAVIA: fino ad ora, questo era tutto fatto con le impostazioni di visualizzazione di default e profilo colore "LCD a colori" (l'hardware è Retina Macbook Pro con il suo display integrato). Quando cambio manualmente il profilo di visualizzazione a “sRGB IEC61966-2.1” in Impostazioni OSX App, quindi esemplare ancora i colori con xScope, è possibile vedere questi valori campionati:

E quando il campionamento la visualizzazione personalizzata :

più interessante, si può vedere che i valori campionati dal xScope sul mio visualizzazione personalizzata corrispondono esattamente i valori specificati, e il colore è anche visivamente corretta. Ma ovviamente, non posso permettere ai miei utenti di cambiare il loro profilo di visualizzazione.

La mia domanda: come faccio a fare in modo che il colore della vista personalizzata corrisponda esattamente al colore in Sketch (sia per l'ispezione visiva che quando campionato con la lente Xscope) con il profilo del display LCD a colori predefinito?

Answer 1

Ho appena risolto questo problema. Ecco il mio processo. Appena testato su un Retina Macbook Pro.

1. Apri schizzo.
2. Aprire Meter digitale a colori (installato su OSX)
3. Passa alla 'Visualizzazione in Generic RGB'
4. Nel menù, in modo che 'Visualizza -> Valori visualizzati -> Come Decimal`
5. mouse sul colore della l'opera in schizzo e annotare i valori (ad esempio 0, 150, 200)

utilizzare tale valore a Cocoa:

-(void)drawRect:(NSRect)dirtyRect { 
    [[NSColor colorWithCalibratedRed:0/255.0 green:150/255.0 blue:200/255.0 alpha:1] set]; 
    NSRectFill(self.bounds); 
} 

Questo dovrebbe funzionare, come 'G eneric RGB 'è uno spazio indipendente dal dispositivo equivalente allo spazio colore' calibrato 'in Cocoa.