16進数の色に最も近い色の単語を取得するにはどうすればよいですか?


30

#7B0D40のような色があるとします。その色に最も近い人間が理解できる単語を出力するツールはありますか?(#7B0D40のように〜=マゼンタ?)

たとえば、CSSで使用される単語を検索して明示的な16進値を記述する方法があることは知っていますが、有機的に選択された色を取り出して、おおよその色のわかりやすい名前をすばやく取得できるようになりたいです。

明示的な16進数/その他の色の値が与えられた場合、色の特定の人間が読める用語をすばやく推定するツールはありますか?

人間が色をすばやく評価すると、通常、「紺z」や「マゼンタ」の代わりに「青」や「赤」などの無駄なあいまいな用語が作成されるため、「目玉だけ」では十分なIMOではありません。

回答:


18

ローレンの答えは正しいです。色の名前は、マーケティング部門が何を考え出すかを考慮しなくても、ほとんど任意です(文化や言語の違いは言うまでもありません)。

アートの世界では、特定の塗料の色にかなり標準的な名前があります。その式は何世紀も前のものであり、画家はアマゾンからコバルトブルーを購入する場合、使用したコバルトブルーと同じであることを知る必要があるためです彼らが廃業する前に、Honest Joe's Burgers and Art Supplies(「1927年以来飢えているアーティストに餌をやる」)で購入する。

自然に基づいた色名のサブセットもありますが、自然は気まぐれです。「ローズピンク」は、色相、彩度、彩度の認識可能な非常に不正確な帯をカバーします。

したがって、Pantone、Munsell、さらにはW3Cなどのカラーシステム外での精度の検索は、失われた原因です。見る場所に応じて、異なる色に同じ名前が適用され、同じ色に異なる名前が適用されます。色の命名は主観的で不正確です。さらに悪いことに、インターネットに関しては、特定のサイト訪問者の表示設定をまったく制御できません。あなたの「ペールゴールド」はかなり簡単に「マスタード」になります。

あるオンラインツールあなたに使用可能な名前(ない与える任意のRGBのHEX値を名前で)。名前は十分に正確であり、サイトによると、さまざまなリスト(Crayolaを含む)を一緒に編集することにより選択されました。JavaScriptをダウンロードすることもできます。これを何らかの絶対的または「標準」として受け取らないでください。それは彼が具体的に言及するほど頻繁に対立していたいくつかのソースからの一人の統合です。また、特定の16進数値に対する実際の画面上のレンダリングは、制御できないワイルド変数であることに注意してください。


これは便利な小さなツールです!それは私が探していたものに最も近いものですが、標準的な色の名前がない背景を知ることは非常に良いことです。
ベンブロッカ

2
ベンはCSSの色名や色名全般について尋ねていますか?HTMLカラー名の場合、それらは標準です。
DA01

ベン、良い例は「紺z」です。このツールは#315BA1を提供します。これをフレンチブルーと呼びますが、フレンチブルーはリストにありません。対照的に、W3C Webカラー「azure」は#f0ffffであり、HSB色相ホイールで180度です。紺碧のためのWikipediaのエントリには、210のように色相を与える
アラン・ギルバート

10

問題は「特定の人間の用語」だと思います。

「水色」、「青緑色」、「青緑色」とは対照的に、「青緑色」とは何であるかについて2人が同意するのは困難です。「ベージュ」と正確にラベル付けできる約247の異なる色があります。言語は単に柔軟性が高すぎます。

#7B0D40をマゼンタに一致させるデータベースを確立できます。チップをHome Depotに持って行き、ペイントマッチングマシンの下で振ると、「Fuschia Kiss、100B-6」と呼ばれるペイントカラーを吐き出すことができます。しかし、2度軽くなったら#eb70a9と呼び、「Blushing Pink」と呼び、アートディレクターは「Soft Rose」と呼び、義理の姉妹は「それがレブロンの新しい終日リップスティック、Crushed Peony Boogersです。」

これが、カラーマッチングシステムがある理由です。会社の色がPMS214である場合、#f8cfdfとして画面に表示され、Crushed Peony Boogersとして印刷されるのは望ましくないからです。


2
少なくともCSSのカラーコードw3schools.com/cssref/css_colornames.aspに対応する標準色名がありますが、リストは非常に限られています。ウィキペディアのカラーリストのようなものが使用できることを望んでいましたが、それを見て、ドメイン固有の単語も使用していることに気付きました。私は良い標準がまだ存在していないと信じてすることはできません...
ベンBrocka

1
ローレン、あなたはちょうど椅子から落ちそうになったところまで完全に私をひび割れた。砕いた牡丹のブーガーチップをすぐに欲しい!:-D
アラン・ギルバート

1
私はそれを読むたびに笑い続けます。それはキーパーです。:) Crushed Peony Boogersと呼ばれるバンドを始めるべきだと思います。または、お店を開く:Crushed Peony Boogers Design。それはいくつかのロゴになります。
ローレン-Reinstate-Monica-Ipsum

ベースを弾きます... :
アランギルバートソン

そして、私は)悲鳴ます
Vnovak

8

色について話している場合、一般的に、AlanとLaruenの両方が正しいです...名前は曖昧で、具体的ではありません。

ただし、HEXカラーの変換について質問しているので、実際には非常に特定の色にマップするCSS仕様とその名前の付いた色を参照していると思います。

http://www.w3.org/TR/css3-color/#html4

特定のツールについては、Googleが私をここに導きました。

http://shallowsky.com/colormatch/index.php


4

特定の選択した色(または16進コード)を、Webで使用する最も近い標準のWebセーフ色(拡張CSS色名として)にマッピングするには、このツール(Windowsのみ)を使用することもできます。

http://www.codeproject.com/Articles/243610/The-Known-Colors-Palette-Tool-Revised

これは、基本的なものだけでなく、拡張されたカラーセットをサポートするという点で、DA01(最も近い一致するカラー名を見つける)によってリンクされたものよりも利点があります。

ただし、デメリットとしては、WebアプリではなくWindows専用のGUIアプリケーションです。


3

http://chir.ag/projects/name-that-c​​olor/#899200

このWebサイトでは、最も近いクレヨラスタイルの名前を16進数またはRGBで入力するだけでわかります。adobe softwareおよびpaint(10)もこの機能を備えていますが、たとえば、すべてに使用する署名の色が#007282であるため、それほど正確ではありません。明らかにマークに近いが、その色が「ブルーラグーン」と呼ぶ名前を付ける


3

別の非常に興味深いオプションは、もちろん、Wolfram Alphaを使用することです。 http://www.wolframalpha.com/(計算知識エンジン、独自の言葉で)

例えば入力するだけ

rgb 160 118 171

そして、最も近いHTMLの色はplumviolet、そしてPantoneの色であり、もちろん質問に答えていないが、数十個程度の色空間への変換であることを教えてくれます。


1

それをHSV / HSLに変換すると、何かできると思います。Hue、Saturation、Lightで遊んでいるこの色空間では、Hueを指定されたドメインに分割し、Hue> ColorNameのルックアップテーブルを使用できます。



0

はい、簡単です。このサイトでは、任意の16進カラーコードに最も近い名前が付けられます... https://yellowbearjourneys.com/color_themes/color_closest.html

出力例を次に示します。

Your Custom Color: #F5F4D6    

Close/Near Official Colors in terms of light/dark (bold=closest/nearest):
BlanchedAlmond #FFEBCD    ; AntiqueWhite #FAEBD7    ;PapayaWhip #FFEFD5    

Close/Near Official Colors in terms of rgb (red-green-blue) pattern (bold=closest/nearest in terms of light/dark):
BlanchedAlmond #FFEBCD    ; AntiqueWhite #FAEBD7    ; PapayaWhip #FFEFD5
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.