Macでカラーコードを見つけるにはどうすればよいですか?


134

以前color edit toolは、HTMLのテキストまたは背景色に使用したいカラーコードを探していMS paintましたが、Windowsにプリインストールされています。
しかし、今ではWindowsの代わりにMacを使用しています。
Macでカラーコードを見つけるにはどうすればよいですか?
MSペイントのようなソフトウェアはMacにプリインストールされていますか?

回答:


231

Digital Color Meterというユーティリティ(Applications / Utilities)があり、現在ホバリングしているもののカラーコードを表示します。Previewよりも少し軽量です。カラー値を文字列(+ + )または画像(+ + )としてコピーするためのショートカットもあります。CC


4
そして、これはMSペイントオプション
-Nivas

1
どうもありがとうございました。これはms paintよりも非常に素晴らしいツールです!最初のMacを購入し、2週間前にWindowsを販売しました。そして、私は窓のために窓が恋しい私にとって使いやすかったです。Macにはまだ知らない、もっと良いものがたくさんあることを願っています。
js_

デジタルカラーメーターで選択した色を変更(たとえば、明るくしたり、より灰色にする)できますか?
js_

@js_参考までに、「より明るくする」または「より灰色にする」という場合、HSLカラーモデルを使用します。オンラインツール:hslpicker.comで、デジタルカラーメーターからrgb値を入力して、彩度(「グレーネス」)と明るさを調整できます。
-ghoppe

5
たとえば#e5e5e5、ウェブ作業用の16進コードを探している場合は、デジタルカラーメーターのView->の下にありDisplay Valuesます。
pscl

33

デジタルカラーメーター /アプリケーション/ユーティリティ/最良の選択です。

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

カラーパネル-ピッカー

ここに画像の説明を入力してください注意深く見れば、このピッカーはほぼどこに でもあります。

フォントコントロールをよく見るとFormat -> Font -> Show Colors、またはのような言葉遣いが見られるでしょうFormat -> Show colors。(ショートカットは通常⇧⌘C)です。上記の小さなカラーパネルが表示されます。ここで「拡大レンズ」をクリックすると、画面のどこからでも色を取得できます。例:TextEdit、Pages、Mailなど。これは色を保存するためのクリップボードですが、選択した色の16進値、CIE値、またはITU-R Y'PbPr / Y'CbCr値は報告しません。

フォントパネルを表示できる場合はいつでも(通常⌘T)、フォントパネルの[テキストの色]アイコンをクリックすると、再び[カラーパネル](ピッカー付き)が表示されます。

たとえば、ここでテキストボックスにテキストを入力し、右クリックしてコンテキストメニューを表示し、Safariから直接「フォント->色を表示」に移動できます。これは、フォントを変更できるすべてのアプリケーションで機能します。

では、すべてのアプリケーションあなたは何のために色を変えることができるカラーフィールドで、あなたは「カラーフィールド」の境界線をクリックすることができますし、再度、カラーパネルを取得します。たとえば、Terminal.app->設定->設定(テキストの色フィールドとカーソルの色)

colourmodColorTheoryなど、いくつかのクールなカラーヘルパーdasboardウィジェットをダウンロードできます。

16進数の色の値のプラグインをカラーパネルにダウンロードできます

DCMを頻繁に必要とする場合は、Automator.appを使用して、Digital Color Meter.appを起動するグローバルな「サービス」を作成することを検討してください。数回クリックするだけで、この新しいサービスをシステム環境設定のグローバルホットキーに追加でバインドできます。結果:カスタムキーコマンドで、いつでもどこからでもDCMを実行できます。


ここにさらにいくつかありますが、最後に、VirualBoxでWindowsを実行し、MsPaintメソッドを使用することもできます。/冗談/-かっこいい。:) :)


編集:カラープロファイルを含む別のスクリーンショットを追加しました ここに画像の説明を入力してください


ご回答いただき、編集していただきありがとうございます。画面から色を選択して変更し、RGB値または色コードを知りたい。ウィッグは見栄えがいい。しかし、最初にDCMとカラーパネルの組み合わせを試してみたいと思います。しかし、DCMウィンドウを開くと、カラーパネルウィンドウが消えます。だから、カラーパネルで選んで変更した色のRGB値を知ることはできません。私は何をすべきか?ところで、私はオートマトンを使用する方法を知りません。
js_

それでも、これらのどちらも実際には機能しません。サンプリングする色が暗すぎます。色をサンプリングし、それをレポートの色に変更し、再度サンプリングすると、色が変わります。「イメージ」にはフィルターも何もありません-文字通り正確に指定されたRGB値でウィンドウをペイントするだけのカスタムアプリケーションを作成しました。そして、変化も小さいものではありません。それはだ著しく暗いです。
ニックハートリー

@NicHartley実際には、上記のすべてが機能します。2つのサンプリング間で色が変わった場合、ディスプレイはキャリブレーションされていないか、デフォルトのカラープロファイルになっています。ステップバイステップしてみてください:1.)システム環境設定- >ディスプレイ- >色(TAB)、2)を選択します:sRGBのiEC61は... 3)オープンテキストエディットは、指定された色にいくつかのテキストを言わせて設定250,150,50)4スライダーで( 。)色をサンプリングし、再び取得する必要があります250,150,50。同じことがDigital Color Meterアプリにも当てはまります。ポップアップをdisplay in sRGB-に設定すると、同じ番号が表示されます。したがって、上記の両方の機能は、同じカラープロファイルを使用するだけです。:)
jm666

色を選びました。ボックスをその色に設定しました。ボックスをサンプリングしました。ボックスをその正確な(わずかに暗い)色に設定します。ボックスを再度サンプリングし、3番目の、まだ暗い色を取得しました。いくつかの組み込みのAppleブランドのアプリでも試してみました。彼らが再び有毒なベンダーのロックインを行っている場合に備えて、まったく同じ結果が得られました。Macbookに付属しているデフォルトのビルトインディスプレイ上のすべて。両方の方法で同じことが起こりました。あなたがそれを「働く」と呼ぶなら、確かに、私はそれが働くと思います。
ニックハートリー

@NicHartley正直に言って、コメントを完全には理解していませんが、添付のスクリーンショットでわかるように、サンプリングされた色には同じrgb値が手動で設定されています(250,150,50)。「動作しない」という「再現方法」を書いていただけますか?(サンプリングの正しい設定方法を追加したように)。単純に、異なるカラープロファイルを一緒に混在させることはできません。そのため、AdobeプロファイルでいくつかのRGB値を設定すると(たとえば)、sRGBプロファイルで異なる色(異なるRGB値)を生成する必要があります。以前のコメントとスクリーンショット-ディスプレイにsRGBを設定する方法をご覧ください。
jm666

3

私はRCWebColorPickerの拡張を好むので、ここでチェックしてください:http ://www.rubicode.com/Software/RCWebColorPicker/

スクリーンショット


利点:コピー/貼り付けが簡単で、3文字形式を処理するのに十分スマート(たとえば、39Cを上記の3399CCに変換)、小文字または大文字を受け入れます。私は何年もの間それを使用してきました、そしてそれはまだマーベリックスでうまく働きます。
スコットロートン14

2

完全に無料のアプリSpot Colorがとても気に入っています。Macに組み込まれているカラーピッカーを使用して、色を取得し、フォローアップコメントで尋ねたように、さまざまなスライダーとカラーモ​​デルを使用して変更できます。

Spot Color Appスクリーンショット

Macのカラーピッカーを使用するため、次のようなさまざまな追加のカラーピッカーをWeb上で使用することもできます。

六角カラーピッカー

16進カラーピッカーによるスポットカラー

そして開発者向けカラーピッカー

開発者カラーピッカーを使用したスポットカラー


1

ちょうど色ピッカー

これは、あるアプリケーションストアで無料アプリ
https://itunes.apple.com/pl/app/just-color-picker/id886547068?l=pl&mt=12

Web開発者の仕事をします!「Alt + X」を押すと、マウスの下の値がフリーズします。デフォルトでは、たとえば#F7F8F9のような16進10進コードとして値を選択します。

非常にシンプルでまっすぐです。大好きです。




-2

Preview色を取得できるプリインストールと呼ばれるアプリがあります。


1
情報をありがとうございますが、プレビューで色を取得する方法を見つけることができませんでした。メニューのどのコマンドを実行する必要がありますか?
js_

プレビューは色をコピーするための非常に回り道な方法を提供しますが、それでも16進値を表示しません。プラグインなしでできる最善の方法は、注釈をオンにし、ドキュメントで開いているファイルに注釈を付け、色を選択してから虫眼鏡をクリックすることです。多くのプログラムがカラーピッカー/パレットマネージャーのAPIを呼び出すようです。
bmike

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