LoginSignup
23
25

More than 5 years have passed since last update.

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

Last updated at Posted at 2016-02-15

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

例)QiitaのテーマカラーをXcodeのカラーピッカーで取得した色とweb背景色の比較
スクリーンショット 2016-02-15 17.16.58.png

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

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

手順

Digital Color Makeを起動する

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

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

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

スクリーンショット 2016-02-15 16.43.50.png

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

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

名称未設定.png

取得したい値を設定する

コードの場合


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

IBの場合

  • カラー設定画面を開く
  • RGB Slidersを選択する
  • プロファイルの設定がGeneric RGBになっていることを確認する

スクリーンショット 2016-02-15 16.31.42.png

  • 取得したRBGを入力する

スクリーンショット 2016-02-15 16.30.29.png

確認

わかりにくいですが、
左側がXcodeのピッカーを使用して取得した色、
右側がDigital Color Makeを使用して取得した色となります。

スクリーンショット 2016-02-15 17.12.35.png

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

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

23
25
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
23
25