Edited at

xcodeのカラーピッカーが変な色を拾ってくるぽいので、正しい色を指定する方法?

More than 3 years have passed since last update.

WebサイトのカラーなどをIBで設定したいときに、Xcodeのカラーピッカーを使用して色を指定すると、期待していた色とずれるみたいです。

例)QiitaのテーマカラーをXcodeのカラーピッカーで取得した色とweb背景色の比較

とりあえず解決したので、自分なりに色がずれないようにする方法のメモです。

カラーピッカーはmac標準のDigital Color Makerを使用します。


手順


Digital Color Makeを起動する

Launchpad -> その他の中に入っています


ネイティブの値を表示に設定する

※デフォルトで、選択されていると思います


画面上で拾いたい色をピッカーで取得する

今回はQiitaのテーマカラー?にしました。


取得したい値を設定する


コードの場合


view.backgroundColor = UIColor(red:121/255, green:183/255, blue:74/255, alpha:1)


IBの場合


  • カラー設定画面を開く

  • RGB Slidersを選択する

  • プロファイルの設定がGeneric RGBになっていることを確認する


  • 取得したRBGを入力する


確認

わかりにくいですが、

左側がXcodeのピッカーを使用して取得した色、

右側がDigital Color Makeを使用して取得した色となります。

デザイン関係についてはさっぱりなのですが、ピッカーと端末のディスプレイプロファイルの設定がずれていると、取得できるRGB値が異なってしまう模様です。

他のカラーピッカーでもディスプレイプロファイルが変更できるものであれば、プロファイルを合わせることで値が取得できるはずなので、試してみてください。