ฉันจะได้คำสีที่ใกล้เคียงที่สุดสำหรับสีฐานสิบหกได้อย่างไร


30

สมมติว่าฉันมีสีเช่น # 7B0D40 มีเครื่องมืออะไรบ้างที่จะส่งออกคำที่มนุษย์เข้าใจได้ใกล้เคียงที่สุดสำหรับสีนั้น? (เช่น # 7B0D40 ~ = Magenta?)

ฉันรู้ว่ามีวิธีการค้นหาคำที่ใช้ใน CSS เพื่ออธิบายค่าเลขฐานสิบหกอย่างชัดเจน แต่ฉันชอบที่จะสามารถเลือกสีที่มีการใช้งานแบบออร์แกนิกและรับชื่อที่สื่อความหมายสำหรับสีโดยประมาณได้อย่างรวดเร็ว

มีเครื่องมือใดที่จะประมาณค่าคำเฉพาะที่มนุษย์สามารถอ่านได้อย่างรวดเร็วสำหรับสีที่ให้ค่าฐานสิบหก / สีอื่นอย่างชัดเจนหรือไม่?

apraisals มนุษย์อย่างรวดเร็วของสิ่งที่สีมักจะส่งผลในแง่ที่คลุมเครือไร้ประโยชน์เช่น "สีฟ้า" หรือ "สีแดง" แทน "สีฟ้า" หรือ "สีม่วงแดง" ดังนั้น "เพียงแค่ลูกตามัน" ไม่เพียงพอ IMO

คำตอบ:


18

คำตอบของลอเรนถูกต้อง ชื่อสีส่วนใหญ่จะเป็นเรื่องที่ไม่มีข้อแม้ว่าจะคำนึงถึงแผนกการตลาดที่เกิดขึ้น (ไม่ต้องพูดถึงความแตกต่างทางวัฒนธรรมและภาษา)

ในโลกศิลปะมีชื่อสำหรับสีทาบางสีที่มีมาตรฐานค่อนข้างมากเนื่องจากสูตรของพวกเขามีอายุหลายศตวรรษและเพราะจิตรกรจำเป็นต้องรู้ว่าถ้าพวกเขาซื้อโคบอลต์บลูจากอเมซอนมันจะเหมือนกับโคบอลต์บลูที่พวกเขาใช้ ซื้อที่เบอร์เกอร์และอุปกรณ์ศิลปะของซื่อสัตย์ ("การให้อาหารศิลปินที่หิวโหยตั้งแต่ 2470") ก่อนที่พวกเขาจะออกจากธุรกิจ

นอกจากนี้ยังมีส่วนย่อยของชื่อสีตามธรรมชาติ แต่ธรรมชาตินั้นไม่แน่นอนอย่างแน่นอน: "กุหลาบสีชมพู" ครอบคลุมถึงแนวที่เป็นที่รู้จัก แต่ไม่แน่ชัดในแถบสีความอิ่มตัวและสี

ดังนั้นการค้นหาความแม่นยำนอกระบบสีเช่น Pantone หรือ Munsell หรือแม้แต่ W3C เป็นสาเหตุที่หายไป คุณจะพบชื่อเดียวกันกับสีที่ต่างกันและชื่อต่าง ๆ ที่ใช้กับสีเดียวกันขึ้นอยู่กับว่าคุณมองที่ใด การตั้งชื่อสีเป็นเรื่องส่วนตัวและไม่แน่ชัด ที่แย่ไปกว่านั้นเมื่อมาถึงอินเทอร์เน็ตคุณไม่มีอำนาจควบคุมการตั้งค่าการแสดงผลของผู้เยี่ยมชมไซต์ใด ๆ ก็ตาม "Pale Gold" ของคุณกลายเป็น "มัสตาร์ด" ได้ง่าย ๆ

มีเป็นเครื่องมือออนไลน์ที่จะให้เป็นชื่อที่ใช้งาน (ไม่ชื่อ) สำหรับค่า hex RGB ใดก็ตาม ชื่อมีความถูกต้องเพียงพอและตามไซต์ถูกเลือกโดยการแก้ไขรายการต่าง ๆ ร่วมกัน (รวมถึงของ Crayola) คุณยังสามารถดาวน์โหลดจาวาสคริปต์ อย่าใช้สิ่งนี้เป็นแบบสัมบูรณ์หรือ "มาตรฐาน" เป็นการสังเคราะห์ของบุคคลคนหนึ่งจากหลายแหล่งที่มีความขัดแย้งบ่อยครั้งพอที่เขากล่าวถึงความจริงโดยเฉพาะ และโปรดทราบว่าการแสดงผลบนหน้าจอจริงสำหรับค่าเลขฐานสิบหกที่กำหนดเป็นตัวแปรเสริมที่คุณไม่สามารถควบคุมได้


นั่นเป็นเครื่องมือเล็กน้อยที่มีประโยชน์! มันใกล้เคียงกับสิ่งที่ฉันกำลังมองหาอยู่มากดีมากที่รู้พื้นหลังของชื่อสีมาตรฐานไม่ได้
Ben Brocka

2
คุณกำลังถามเบ็นเกี่ยวกับชื่อสี CSS หรือชื่อสีโดยทั่วไป หากชื่อสี HTML เป็นชื่อมาตรฐาน
DA01

เบ็นกรณีที่ดีในประเด็นคือ "Azure" เครื่องมือนั้นทำหน้าที่ # 315BA1 ซึ่งฉันจะเรียก French Blue แต่ French Blue ไม่ได้อยู่ในรายการของเขา ในทางตรงกันข้ามสีของเว็บ W3C "สีฟ้า" คือ # f0ffff ที่ 180 องศาบนวงล้อสี HSB รายการ Wikipedia สำหรับ Azure ให้สีเป็น 210.
Alan Gilbertson

10

ฉันคิดว่าปัญหาคือ "คำเฉพาะของมนุษย์"

เป็นเรื่องยากสำหรับคนสองคนที่จะเห็นด้วยกับสิ่งที่พูดว่า "เทอร์ควอยซ์" คือ (ตรงกันข้ามกับอควาน้านหรือ "เทอร์ควา") มีสีต่างกันประมาณ 247 สีซึ่งอาจมีป้ายกำกับว่า "สีเบจ" ได้อย่างแม่นยำ ภาษายืดหยุ่นเกินไป

คุณสามารถสร้างฐานข้อมูลที่ตรงกับ # 7B0D40 กับ magenta คุณสามารถนำชิปของคุณไปที่ Home Depot และโบกมันภายใต้เครื่องจับคู่สีแล้วนำไปพ่นสีที่เรียกว่า "Fuschia Kiss, 100B-6" แต่เมื่อคุณเบาลงสององศาคุณจะเรียกมันว่า # eb70a9 และฉันจะเรียกมันว่า "Blushing Pink" และผู้กำกับศิลป์ของฉันจะเรียกว่า "Soft Rose" และน้องสะใภ้ของฉันจะพูดว่า " นั่นคือลิปสติกใหม่ทุกวันของเรฟลอนที่บด Peony Boogers "

นี่คือเหตุผลที่เรามีระบบจับคู่สี เพราะถ้าสีขององค์กรของคุณคือ PMS214 คุณไม่ต้องการให้มันปรากฏบนหน้าจอเป็น # f8cfdf และกลับมาพิมพ์เป็น Crushed Peony Boogers


2
อย่างน้อยก็มีชื่อสี CSS มาตรฐานที่แมปรหัสสี: w3schools.com/cssref/css_colornames.aspแต่มันเป็นรายการที่ จำกัด มาก ฉันหวังว่าจะสามารถใช้ลิสต์สีของ Wikipediaได้ แต่ดูว่าฉันสังเกตว่าพวกเขาใช้คำเฉพาะโดเมนด้วยเช่นกัน ฉันไม่อยากจะเชื่อว่ามาตรฐานที่ดียังคงไม่มีอยู่ ...
เบ็นบร็อคก้า

1
ลอเรนคุณเพียงแค่แตกฉันจนถึงจุดที่ฉันเกือบจะตกเก้าอี้ ฉันต้องการชิป Peony Boogers ที่ถูกบดขยี้ทันที ! :-D
Alan Gilbertson

1
ฉันทำให้ตัวเองหัวเราะคิกคักทุกครั้งที่อ่าน มันเป็นผู้รักษาประตู :) ฉันคิดว่าเราควรเริ่มวงที่เรียกว่า Crushed Peony Boogers หรืออาจเปิดร้านค้า: ออกแบบ Peony Boogers นั่นจะเป็นโลโก้
Lauren-Reinstate-Monica-Ipsum

ฉันจะเล่นเบส ... :-)
Alan Gilbertson

และฉันจะกรีดร้อง)
Vnovak

8

หากเราพูดถึงสีโดยทั่วไปทั้ง Alan และ Laruen นั้นถูกต้อง ... ชื่อนั้นคลุมเครือและไม่เจาะจง

อย่างไรก็ตามเนื่องจากคุณกำลังถามเกี่ยวกับการแปลงสี HEX ฉันคิดว่าคุณกำลังอ้างถึงข้อมูลจำเพาะ CSS และสีที่มีชื่อของพวกเขาซึ่งอันที่จริงแล้วแผนที่เป็นสีที่เฉพาะเจาะจงมาก:

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

สำหรับเครื่องมือเฉพาะ Google ทำให้ฉันมาที่นี่:

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


4

สำหรับการจับคู่สีที่เลือก (หรือรหัสฐานสิบหก) บนสีที่ปลอดภัยบนเว็บมาตรฐานที่ใกล้เคียงที่สุดที่จะใช้บนเว็บ (เป็นชื่อสี CSS แบบขยาย) คุณสามารถใช้เครื่องมือนี้ (สำหรับ windows เท่านั้น):

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

อันนี้มีความได้เปรียบมากกว่าอันที่เชื่อมโยงโดย DA01 ( ค้นหาชื่อการจับคู่สีที่ใกล้ที่สุด ) ในการที่มันรองรับชุดสีแบบขยายไม่เพียง แต่สีพื้นฐานเท่านั้น

แต่ข้อเสียคือเป็นแอปพลิเคชัน GUI สำหรับ Windows เท่านั้นไม่ใช่เว็บแอป


3

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

เว็บไซต์นี้ให้ชื่อ Crayola สไตล์ที่ใกล้เคียงที่สุดเพียงพิมพ์ hex หรือ rgb แล้วไปเลย! adobe ซอฟต์แวร์และโปรแกรมระบายสี (10) ยังมีความสามารถนี้ แต่ก็ไม่แม่นยำเช่นสีลายเซ็นของฉันที่ฉันใช้สำหรับทุกสิ่งคือ # 007282 adobe จัดประเภทเป็นสี "สีฟ้าเข้ม" หมายถึงมันเป็น "นกเป็ดน้ำลึก" ซึ่งเป็น เข้าใกล้เครื่องหมายมากขึ้น แต่ชื่อสีนั้นเรียกว่า "ทะเลสาบสีฟ้า"


3

อีกทางเลือกที่น่าสนใจอย่างจริงจังคือการใช้ Wolfram Alpha http://www.wolframalpha.com/ (เครื่องคำนวณ knoledge ตามคำพูดของพวกเขา)

เพียงแค่ใส่ตัวอย่าง

rgb 160 118 171

และจะบอกคุณว่าสี HTML ที่ใกล้ที่สุดคือสีพลัมและสีม่วงเช่นเดียวกับสี Pantone และของหลักสูตร แต่ไม่ตอบคำถามเปลี่ยนเป็นสีโหลหรืออื่น ๆ


1

หากคุณแปลงเป็น HSV / HSL ฉันคิดว่าคุณสามารถทำอะไรได้บ้าง ในพื้นที่สีนี้คุณกำลังเล่นกับ Hue, Saturation และ Light คุณสามารถแยก Hue เป็นโดเมนที่ระบุและใช้ตารางค้นหาสำหรับ Hue> ColorName


1

เรา 5 ปีต่อมาและวิทยาศาสตร์ก้าวหน้า :) นี่คือการสำรวจที่น่าสนใจจาก XKCD:

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

และภาพรวมของผลลัพธ์:

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

ขั้นตอนการคัดเลือกโดยอัตโนมัติคือ "ปล่อยให้เป็นสิ่งที่น่าตื่นเต้นสำหรับผู้อ่าน" (ถ้ายังไม่ได้ทำ) แต่ฉันเชื่อว่าที่ไหนสักแห่งใน Stack Exchange พวกเขากำลังเล่นรหัสกอล์ฟกับมัน

ป้อนคำอธิบายรูปภาพที่นี่


0

ใช่มันง่ายไซต์นี้จะให้ชื่อใกล้เคียงกับรหัสสีฐานสิบหกใด ๆ ของคุณ ... 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.