Interface BuilderにRGB値を入力するにはどうすればよいですか?


回答:


470

Interface BuilderでRGBによって色を選択する方法。

カラースライダーアイコンをクリックし、ドロップダウンリストから[RGBスライダー]を選択します。

拡大鏡をカラーピッカーとして使用して、画面のどこからでも正確な色を取得できます。また、拡大鏡で色空間がどのように機能するかを明確にするには、下記の@kenの優れたコメントをご覧ください。


3
先端をありがとう!ランダムな質問、そのスクリーンショットを上書きするためにどのソフトウェアを使用しましたか?素晴らしい追加。
シーハンアラム2010

21
実際には、虫眼鏡に注意してください。コンポーネント番号だけが色を指定するのではなく、色空間を知る必要もあります。文字列エンコーディングのようなものです。65はAのASCIIエンコーディングです。コンポーネントをエンコード/デコードする色空間は、上の「RGB」スライダーの左側にある小さなドロップダウンにあります。「Generic RGB」色空間は、+ [NSColor colorWithCalibratedRed:green:blue:alpha:]で作成された色に対応しています。拡大鏡を使用する場合、コンポーネントは、現在の画面を意味する「デバイス」スペースに関して与えられます。これは適切ではありません。後のジェネリックを選択します。
Ken

2
おっと、この質問はiPhone向けです。iPhoneはカラーマッチングされていません。sRGBはおそらくその画面の最適な近似であるため、UIColorでの使用に適したコンポーネント番号が必要な場合は、カラースペースとしてsRGBを選択します。
Ken

2
Wacom Bamboo Funライティングタブレットを使用して、Photoshopのスクリーンショットに書き込みました(Gimpも同様に機能します)。command-shift-4でスクリーンショットを撮り、スペースを入れてウィンドウをクリックしました。
タイラー

1
誰かがこれを経験しました:カラースライダーを動かそうとすると...元の位置に戻ります。(ただし、値を直接入力すると、すべてが機能します。)
Bonnie

36

タイラーの応答が質問に答えますが、ピッカーはディスプレイの色空間を使用するため、ピッカーを使用すると問題が発生する可能性があります(ケンが明らかにしたとおり)。

PhotoshopとXcodeの間でRGB値を正確に一致させたい場合(色空間間の変換なしで)、画像を一般的なRGBで保存し、一般的なRGB色空間を使用してドロッパー値を入力する必要があります。

  • Photoshopから[Webおよびデバイス用に保存]を選択する場合は、[sRGBに変換]チェックボックスをオフにします。

ここに画像の説明を入力してください

  • Xcodeで、カラーピッカーのカラースペースポップアップをクリックし、[Generic RGB]を選択します。次に、何らかの理由でsRGBカラースペースに戻るため、HEX値ではなく、Photoshopから赤、緑、青の値を入力します(注意してください)タブを16進数フィールドに移動すると、色空間もsRGBに変更されます)。

ここに画像の説明を入力してください

スクリーンショットの照合方法など、詳細はこちら


2
16進数フィールドが選択した色空間にとどまらないという事実は、ひどい機能です。
zimmryan 2015

@zimmryanバグのように聞こえます。ありがとうOP
mattyohe

OMGはこれを本当にありがとう。Xamarin.iOSデザイナでもまったく同じように機能します。RGとBのボックスにのみ入力するように細心の注意を払う必要があります。タブを付けないでください。16進数のボックスにタブで移動すると、sRGBにリセットされ、最初からやり直す必要があります。
bcr 2015

-1悪いアドバイス。作業領域としてGenericRGBを使用し、エクスポート時にsRGBに変換しない場合、RGB値は一致しますが、色は一致しません。そのため、スクリーンショットを一致させるために奇妙なトリックを使用する必要があります。RGB値が実際に一致する必要がある場合は、sRGBを作業領域として使用する必要があります。それ以外の場合は、エクスポート時にsRGBに変換できます。iOSは(アセットの)カラープロファイルを無視するため、カラープロファイルを含めても効果はありません。
Mackie Messer、2015

2

Mac OS Xのカラーパネルに慣れていないようです。カラーパネルウィンドウの上部にあるタブをクリックして、他のピッカーを選択します。ピッカーもプラグインなので、色を選択するための新しいUIを追加することができます。たとえば、開発者のカラーピッカーを参照してください。


2

私はこれが古い質問であることを知っていますが、私はこの非常に同じ質問に対する答えを今日見つける必要があり、それが正しい方向に進みました。panic.comのカラーピッカーは正しくインストールされましたが、カラーピッカーのドロップダウンメニューの16進数オプションは常にRGBに設定されています。だめだ。代わりに私はこれを見つけました:

http://wafflesoftware.net/hexpicker/

これは16進数値を示しており、Xcode 5.0.1およびMavericksで完全に機能します。


0

ここに画像の説明を入力してください

上記のスナップを確認し、カラートレイに移動して、2番目のボタンを選択します(RGBスライダー(長方形の画像)-トレイの上部の円の横に配置されています)。RGB値を入力できます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.