ตัวค้นหาชื่อสี
เครื่องมือค้นหาชื่อสีออนไลน์ฟรี กรอกค่า hex color ใด ๆ แล้วรับชื่อสี CSS/HTML ที่ใกล้เคียงที่สุด พร้อมค่า RGB เปอร์เซ็นต์ความตรง 5 สีที่ใกล้สุด และ CSS code พร้อมใช้ ทำงาน 100% ฝั่ง client
Loading tool...
ตัวค้นหาชื่อสี คืออะไร?
ตัวค้นหาชื่อสี (Color Name Finder) เป็นเครื่องมือออนไลน์ฟรีที่รับค่า hex color ใด ๆ แล้วส่งคืนชื่อสี CSS/HTML ที่ใกล้เคียงที่สุด โดยเปรียบเทียบค่าที่คุณกรอกกับชื่อสีมาตรฐานทั้ง 140 สี (CSS Level 1 ถึง Level 4) ด้วยสูตรระยะ RGB แบบถ่วงน้ำหนักที่ใกล้เคียงกับการรับรู้สีของมนุษย์ เครื่องมือจะแสดงสีที่ตรงกันที่สุดพร้อมเปอร์เซ็นต์ความคล้ายคลึง รายชื่อสีที่ใกล้เคียงที่สุด 5 อันดับในตารางพร้อมค่า hex, RGB และระยะห่าง และสร้าง CSS code ที่พร้อมวางโดยใช้ชื่อสีหรือค่า hex ตัวเลือกสีแบบโต้ตอบให้เลือกสีได้ด้วยสายตา และช่องกรอก hex รองรับทั้งแบบ 3 หลักและ 6 หลักพร้อมตรวจสอบทันที การประมวลผลทั้งหมดทำงานใน browser โดยไม่ส่งข้อมูลออกไป เหมาะสำหรับนักออกแบบที่เลือกชื่อสีที่สื่อความหมาย นักพัฒนาที่ต้องการทางเลือกที่อ่านง่ายกว่า hex code และใครก็ตามที่กำลังเรียนรู้พาเลตสีของ CSS
ประโยชน์หลัก
- แทนที่ hex code ที่จำยากด้วยชื่อสี CSS ที่อ่านง่ายและจำได้ใน stylesheet
- ระยะ RGB แบบถ่วงน้ำหนักตามการรับรู้ ทำให้สีที่ใกล้เคียงที่สุดดูถูกต้องต่อสายตา
- ตาราง 5 สีที่ใกล้เคียงที่สุดให้ทางเลือกนอกเหนือจากคำตอบเดียว
- CSS snippet พร้อมคัดลอกทั้งชื่อสีและ hex สำรอง
- ทำงาน 100% ฝั่ง client — ใช้งานออฟไลน์ได้ ไม่ต้องสมัครสมาชิก ค่าสีไม่ออกจากอุปกรณ์
กรณีการใช้งาน
- •Web design: เลือกชื่อสีที่สื่อความหมายซึ่งอ่านและดูแลง่ายกว่า raw hex code
- •การตรวจสอบ accessibility: หาชื่อสีมาตรฐานที่ใกล้เคียงสีแบรนด์เพื่อใช้ในเอกสาร
- •เรียนรู้ CSS: ค้นพบชื่อสีทั้งหมดและความสัมพันธ์กับค่า hex
- •Design system: แมปสีพาเลตที่กำหนดเองไปยังสี CSS มาตรฐานที่ใกล้เคียงเพื่อรองรับ fallback
- •Debugging: ระบุสีจาก screenshot หรือ design mock ได้รวดเร็วโดยกรอกค่า hex
วิธีใช้ตัวค้นหาชื่อสี
- กรอกค่า Hex Color: พิมพ์ hex color code (เช่น #3b82f6) ลงในช่อง หรือเลือกสีโดยคลิกตัวเลือกสีด้านข้าง
- ใช้สีตัวอย่าง (ทางเลือก): คลิกตัวอย่างสี preset ด้านล่างช่องกรอกเพื่อโหลดสีตัวอย่างทันที
- ดูสีที่ใกล้เคียงที่สุด: ชื่อสี CSS ที่ตรงกันที่สุดจะปรากฏในการ์ดผลลัพธ์ แสดงชื่อ ค่า hex RGB triplet และเปอร์เซ็นต์ความตรง
- เปรียบเทียบและคัดลอก: ดู 5 สีที่ใกล้เคียงที่สุดในตาราง แล้วคลิกค่าใด ๆ (ชื่อ, hex, RGB หรือ CSS) เพื่อคัดลอกไปยังคลิปบอร์ด
คุณสมบัติหลัก
- เปรียบเทียบ hex color ของคุณกับชื่อสีมาตรฐาน CSS/HTML ทั้ง 140 สี (CSS Level 1-4, X11)
- ใช้สูตรระยะ RGB แบบถ่วงน้ำหนักตามการรับรู้ ทำให้สีที่ใกล้เคียงที่สุดดูถูกต้องต่อสายตา
- แสดง 5 ชื่อสีที่ใกล้เคียงที่สุดในตารางพร้อม hex, RGB และระยะห่างของสี
- ตัวเลือกสีแบบโต้ตอบและช่องกรอก hex พร้อมตรวจสอบทันทีและพรีวิวสีแบบเรียลไทม์
- สร้าง CSS snippet พร้อมคัดลอกโดยใช้ชื่อสีหรือค่า hex
- ทำงาน 100% ฝั่ง client — ใช้งานออฟไลน์ได้ ไม่ต้องสมัครสมาชิก ค่าสีของคุณไม่ออกจากอุปกรณ์