เครื่องมือค้นหาชื่อสี
ป้อนสีในรูปแบบ hex, rgb() หรือ hsl() แล้วค้นหาชื่อสีมาตรฐาน CSS ที่ใกล้เคียงที่สุดได้ทันที พร้อมเปรียบเทียบตัวอย่างสีแบบสดและตัวเลือกใกล้เคียงลำดับถัดไปอีกไม่กี่ตัว
🔒 ประมวลผลในเบราว์เซอร์ของคุณ
Loading…
วิธีใช้งาน
- พิมพ์สีลงในช่องในรูปแบบ hex, rgb() หรือ hsl() หรือเลือกด้วยสายตาจากตัวอย่างสี
- ชื่อสี CSS ที่ใกล้เคียงที่สุดจะปรากฏขึ้นทันที พร้อมตัวอย่างสี ชื่อ และรหัส hex ของตัวเอง แสดงอยู่ข้างๆ สีของคุณ
- ตรวจสอบคะแนนระยะห่างเพื่อดูว่าผลลัพธ์ใกล้เคียงแค่ไหน — ระยะห่างเท่ากับ 0 หมายถึงตรงกันทุกประการ
- เลื่อนดูรายการด้านล่างเพื่อดูชื่อสีที่ใกล้เคียงลำดับถัดไปอีกสองสามสี เรียงจากใกล้ที่สุดไปยังไกลที่สุด
คุณสมบัติ
- รองรับรูปแบบสี 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 ทั่วไป ไม่มีการส่งข้อมูลใดๆ ไปยังเซิร์ฟเวอร์หรือบันทึกไว้ที่ใด