AdobeXDで作られたスマホアプリのデザインを実装していたのですが、XDのスポイトで取得したカラーコードを実装してもいまいち色が合わなかったので調べました。
※ 色は同じディスプレイでみてます。
XDの色
ピックすると#83C449のカラーで取得。
StoryboadのUIViewのBackgroundに指定
XDで取得したカラーコードをUIViewのBGカラーとして設定したのですが、いまいちくすんで色が合わない。
シミュレータで実行後のUIViewの色がこちら。
カラープロファイルを指定する
調査したところディスプレイやデジタルカメラ、スキャナなどは、それぞれ様々な規格でRGBの色を表示しており、デバイスによっては表現できる色の幅が変わるとのこと。
UIViewのデフォルトはGeneric RGBが指定されており、これをsRGBで指定すれば大差なく表示できるとあったので、設定を変えてみました。
変更してシミュレータで実行した結果がこちら。
あんまり変わってない。。。
結論
解決方法がわからなかったので、Googleでカラーコードを入力し、そこから目視で"#86D442"を設定しました。
シミュレータでの"#86D442"の結果がこちら。
ということで、結局微調整は必要なのかもです。。。
どなたか詳しい方いればコメントいただけるとうれしいです。