Bagaimana saya bisa mendapatkan kata warna terdekat untuk warna hex?

30

Katakanlah saya memiliki warna seperti # 7B0D40. Apakah ada alat di luar sana untuk menampilkan kata terdekat yang dapat dimengerti manusia untuk warna itu? (Seperti # 7B0D40 ~ = Magenta?)

Saya tahu ada cara untuk mencari kata-kata yang digunakan dalam CSS untuk menggambarkan nilai hex eksplisit misalnya, tetapi saya ingin bisa mengeluarkan warna yang dipilih secara organik dan dengan cepat mendapatkan nama deskriptif untuk warna perkiraan.

Apakah ada alat untuk memperkirakan secara cepat, istilah yang dapat dibaca manusia untuk warna yang diberi nilai hex / warna warna eksplisit lainnya?

Apraisals manusia yang cepat tentang apa warna biasanya menghasilkan istilah-istilah yang tidak jelas seperti "biru" atau "merah", bukannya "Azure" atau "Magenta", jadi "cukup lihat saja" tidak cukup IMO.

Ben Brocka
sumber

Jawaban:

18

Jawaban Lauren benar. Nama - nama warna sebagian besar arbitrer, bahkan tanpa mempertimbangkan apa yang muncul departemen pemasaran (belum lagi perbedaan budaya dan bahasa).

Dalam dunia seni, ada nama-nama untuk warna cat tertentu yang yang cukup banyak standar, karena formula mereka berabad-abad lama dan karena pelukis perlu tahu bahwa jika mereka membeli Cobalt Blue dari Amazon, itu akan menjadi sama dengan Cobalt Blue mereka digunakan untuk membeli di Honest Joe's Burgers and Art Supplies ("Memberi makan artis yang kelaparan sejak 1927") sebelum mereka keluar dari bisnis.

Ada juga subset nama warna berdasarkan alam, tetapi alam terkenal berubah-ubah: "mawar merah muda" mencakup lapisan warna, saturasi, dan kroma yang dikenali tetapi sangat tidak tepat.

Jadi mencari presisi di luar sistem warna seperti Pantone atau Munsell, atau bahkan W3C, adalah penyebab yang hilang. Anda akan menemukan nama yang sama diterapkan pada warna yang berbeda, dan nama yang berbeda diterapkan pada warna yang sama, tergantung di mana Anda melihat. Warna penamaan bersifat subyektif dan tidak tepat. Lebih buruk lagi, ketika datang ke Internet, Anda tidak memiliki kontrol sama sekali atas pengaturan tampilan dari setiap pengunjung situs tertentu. "Emas Pucat" Anda menjadi "Mustard" dengan mudah.

Ada alat online yang akan memberikan nama yang dapat digunakan (bukan yang nama) untuk setiap nilai hex RGB yang diberikan. Nama-nama itu cukup akurat, dan menurut situs itu dipilih dengan mengedit bersama berbagai daftar (termasuk Crayola's). Anda juga dapat mengunduh javascript. Jangan menganggap ini sebagai sesuatu yang absolut atau "Standar"; ini adalah sintesis satu orang dari beberapa sumber yang cukup sering berkonflik sehingga ia menyebutkan fakta secara spesifik. Dan perlu diingat bahwa rendering di layar aktual untuk nilai hex yang diberikan adalah variabel liar yang tidak dapat Anda kontrol.

Alan Gilbertson
sumber
Itu alat kecil yang membantu! Itu yang paling dekat dengan apa yang saya cari, sangat bagus untuk mengetahui latar belakang tanpa nama warna standar.
Ben Brocka
2
Ben Anda bertanya tentang nama warna CSS atau nama warna pada umumnya? Jika nama warna HTML, mereka adalah standar.
DA01
Ben, contoh yang bagus adalah "Azure." Alat itu menyajikan # 315BA1, yang saya sebut sebagai French Blue, tetapi French Blue tidak ada dalam daftar. Sebaliknya, warna web W3C "biru" adalah # f0ffff, pada 180 derajat pada roda rona HSB. Entri Wikipedia untuk azure memberi rona sebagai 210.
Alan Gilbertson
10

Saya pikir masalahnya adalah "istilah manusia yang spesifik."

Sulit bagi dua orang untuk sepakat tentang apa, katakanlah, "pirus" (bukan aqua, teal, atau "turqua"). Ada sekitar 247 warna berbeda yang dapat secara akurat diberi label "krem." Bahasa terlalu fleksibel.

Anda bisa membuat database yang cocok dengan # 7B0D40 dengan magenta. Anda bisa membawa chip Anda ke Home Depot dan melambaikannya di bawah mesin pencocokan cat dan membuatnya memuntahkan warna cat yang disebut "Fuschia Kiss, 100B-6." Tetapi ketika Anda mendapatkan dua derajat lebih ringan, Anda akan menyebutnya # eb70a9 dan saya akan menyebutnya "Blushing Pink" dan direktur seni saya akan menyebutnya "Soft Rose" dan saudara ipar saya akan mengatakan " Itu lipstik baru sepanjang hari Revlon, Crushed Peony Boogers. "

Inilah sebabnya kami memiliki sistem pencocokan warna. Karena jika warna korporat Anda adalah PMS214, Anda tidak ingin itu muncul di layar sebagai # f8cfdf dan kembali dicetak sebagai Crushed Peony Boogers.

Lauren-Reinstate-Monica-Ipsum
sumber
2
Yah setidaknya ada nama warna standar CSS yang memetakan ke kode warna: w3schools.com/cssref/css_colornames.asp tetapi daftar ini sangat terbatas. Saya berharap sesuatu seperti daftar warna Wikipedia dapat digunakan, tetapi melihat bahwa saya perhatikan mereka menggunakan kata-kata spesifik domain juga. Saya tidak percaya standar yang baik masih belum ada ...
Ben Brocka
1
Lauren, kau benar-benar membuatku hancur hingga aku hampir jatuh dari kursiku. Saya ingin chip Hancur Peony Boogers segera ! :-D
Alan Gilbertson
1
Saya terus membuat diri saya tertawa setiap kali saya membacanya. Itu penjaga. :) Saya pikir kita harus memulai sebuah band bernama Crushed Peony Boogers. Atau mungkin buka toko: Crushed Peony Boogers Design. Itu akan menjadi beberapa logo.
Lauren-Reinstate-Monica-Ipsum
Saya akan bermain bass ... :-)
Alan Gilbertson
Dan saya akan berteriak)
Vnovak
8

Jika kita berbicara warna, secara umum, baik Alan maupun Laruen benar ... namanya tidak jelas dan tidak spesifik.

Namun, karena Anda bertanya tentang konversi warna HEX, saya menganggap Anda mengacu pada spesifikasi CSS dan warna namanya, yang sebenarnya memetakan ke warna yang sangat spesifik:

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

Adapun alat tertentu, Google membawa saya ke sini:

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

DA01
sumber
4

Untuk memetakan warna pilihan (atau kode hex) ke warna standar web-safe terdekat yang akan digunakan di web (sebagai nama warna CSS yang diperluas), Anda juga dapat menggunakan alat ini (hanya untuk windows):

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

Yang satu ini memiliki keunggulan dibanding yang ditautkan oleh DA01 ( Temukan Nama Warna yang Paling Cocok ) karena mendukung set warna yang diperluas, tidak hanya yang dasar.

Tetapi sebagai kerugiannya, ini adalah aplikasi GUI khusus Windows, bukan aplikasi web.

Aleksander Adamowski
sumber
3

http://chir.ag/projects/name-that-color/#899200

situs web ini memberi Anda nama gaya crayola terdekat cukup ketik hex atau rgb dan mulai lagi! perangkat lunak adobe dan cat (10) juga memiliki kemampuan ini, tetapi tidak cukup akurat misalnya warna tanda tangan saya yang saya gunakan untuk SEMUA adalah # 007282 adobe mengklasifikasikannya sebagai cat "deep cyan" menyebutnya sebagai "deep teal" yang merupakan diakui lebih dekat ke tanda, tetapi nama warna itu akan menyebutnya "laguna biru"

Casey
sumber
3

Pilihan lain yang sangat menarik adalah menggunakan, tentu saja, Wolfram Alpha. http://www.wolframalpha.com/ (mesin knoledge komputasi, dengan kata-kata mereka sendiri)

Cukup masukkan misalnya

rgb 160 118 171

Dan itu akan memberi tahu Anda bahwa warna HTML terdekat adalah prem dan ungu , serta warna Pantone dan, tentu saja tetapi tidak menjawab pertanyaan, konversi ke selusin ruang warna lainnya.

Tulisan gambar
sumber
1

Jika Anda mengonversinya ke HSV / HSL saya pikir Anda dapat melakukan sesuatu. Dalam ruang warna ini Anda bermain dengan Hue, Saturation dan Light, Anda dapat membagi Hue ke domain tertentu dan menggunakan tabel pencarian untuk Hue> ColorName.

Maysam
sumber
1

Kami 5 tahun kemudian dan ilmu pengetahuan telah berkembang :) Berikut ini survei yang menarik dari XKCD:

https://blog.xkcd.com/2010/05/03/color-survey-result/

Dan gambaran umum yang dihasilkan:

http://xkcd.com/color/rgb/

Mengotomatiskan proses seleksi adalah "dibiarkan sebagai excerise untuk pembaca" (jika belum dilakukan), tapi saya percaya di suatu tempat di sini di Stack Exchange mereka bermain golf kode dengannya.

masukkan deskripsi gambar di sini

Tulisan gambar
sumber
0

Ya itu mudah, situs ini akan memberi Anda nama terdekat dengan kode warna hex apa pun ... https://yellowbearjourneys.com/color_themes/color_closest.html

Berikut adalah beberapa contoh keluaran:

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
Inyoka
sumber