Global ToolBox

เครื่องมือค้นหาชื่อสี

ป้อนสีในรูปแบบ hex, rgb() หรือ hsl() แล้วค้นหาชื่อสีมาตรฐาน CSS ที่ใกล้เคียงที่สุดได้ทันที พร้อมเปรียบเทียบตัวอย่างสีแบบสดและตัวเลือกใกล้เคียงลำดับถัดไปอีกไม่กี่ตัว

🔒 ประมวลผลในเบราว์เซอร์ของคุณ

Loading…

วิธีใช้งาน

  1. พิมพ์สีลงในช่องในรูปแบบ hex, rgb() หรือ hsl() หรือเลือกด้วยสายตาจากตัวอย่างสี
  2. ชื่อสี CSS ที่ใกล้เคียงที่สุดจะปรากฏขึ้นทันที พร้อมตัวอย่างสี ชื่อ และรหัส hex ของตัวเอง แสดงอยู่ข้างๆ สีของคุณ
  3. ตรวจสอบคะแนนระยะห่างเพื่อดูว่าผลลัพธ์ใกล้เคียงแค่ไหน — ระยะห่างเท่ากับ 0 หมายถึงตรงกันทุกประการ
  4. เลื่อนดูรายการด้านล่างเพื่อดูชื่อสีที่ใกล้เคียงลำดับถัดไปอีกสองสามสี เรียงจากใกล้ที่สุดไปยังไกลที่สุด

คุณสมบัติ

  • รองรับรูปแบบสี hex, rgb() และ hsl() รวมถึงตัวเลือกสีแบบเห็นภาพ
  • เทียบกับชื่อสีมาตรฐาน CSS/X11 ทั้งหมด 148 สี
  • แสดงตัวอย่างสีแบบเคียงข้างกันสดๆ ระหว่างสีของคุณกับสีที่ตรงกัน
  • มีคะแนนระยะห่างเป็นตัวเลขพร้อมตัวเลือกใกล้เคียงลำดับถัดไปอีกหลายตัว
  • ทำงานฝั่งไคลเอนต์ 100% — สีของคุณไม่มีวันออกจากเบราว์เซอร์ของคุณ

คำถามที่พบบ่อย

การจับคู่ชื่อสีทำงานอย่างไร?

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

เทียบกับชื่อสีชุดใดบ้าง?

ชุดมาตรฐานของคำสำคัญสี CSS/X11 แบบขยาย 148 สีที่กำหนดโดย CSS Color Module ซึ่งเป็นชื่อเดียวกับที่เบราว์เซอร์รู้จักใน CSS เช่น "tomato", "slateblue" หรือ "rebeccapurple" เป็นรายการที่ตายตัวและเป็นที่รู้จักดี ดังนั้นจะพบผลลัพธ์ที่ตรงกันทุกประการก็ต่อเมื่อสีของคุณตรงกับสีใดสีหนึ่งพอดีเท่านั้น

ทำไมชื่อสีจึงแสดงเป็นภาษาอังกฤษ ทั้งที่เว็บไซต์เป็นภาษาของฉัน?

ชื่ออย่าง "Tomato" หรือ "SlateBlue" เป็นคำสำคัญตามตัวอักษรของ CSS ไม่ใช่ข้อความที่แปลได้ — เบราว์เซอร์เข้าใจเฉพาะการสะกดแบบภาษาอังกฤษในสไตล์ชีตเท่านั้น ด้วยเหตุนี้ชื่อสีจึงคงเป็นภาษาอังกฤษในทุกภาษา ในขณะที่ส่วนอื่นๆ ของหน้ารอบๆ ได้รับการแปลอย่างสมบูรณ์

คะแนนระยะห่างหมายถึงอะไร?

คือระยะห่างเป็นเส้นตรง (แบบยุคลิด) ระหว่างสีของคุณกับชื่อสีในปริภูมิ RGB ซึ่งแต่ละช่องสีมีค่าตั้งแต่ 0-255 ระยะห่างเท่ากับ 0 คือตรงกันทุกประการ ส่วนระยะห่างสูงสุดที่เป็นไปได้ (จากสีดำไปสีขาว) อยู่ที่ประมาณ 441 ตัวเลขยิ่งน้อยยิ่งหมายถึงผลลัพธ์ที่ใกล้เคียงกันทางสายตามากขึ้น

เครื่องมือนี้จัดเก็บหรืออัปโหลดสีของฉันหรือไม่?

ไม่ การแยกวิเคราะห์ การจับคู่ และการคำนวณระยะห่างทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณโดยใช้ JavaScript ทั่วไป ไม่มีการส่งข้อมูลใดๆ ไปยังเซิร์ฟเวอร์หรือบันทึกไว้ที่ใด

เครื่องมือที่เกี่ยวข้อง