ค้นหาสี CSS ที่ใกล้เคียงที่สุดและเฉด Tailwind ที่ใกล้เคียงสำหรับสีใดก็ได้ — จับคู่ตามการรับรู้ พร้อมค่าที่คัดลอกได้

สีของคุณ
#3B82F6
สี CSS ที่ใกล้ที่สุด
ความแตกต่าง:
ตรงกันพอดี
เฉด Tailwind ที่ใกล้ที่สุด
ความแตกต่าง:
ตรงกันพอดี

พิมพ์หรือเลือกสีใดก็ได้และดูสี CSS ที่มีชื่อใกล้ที่สุดและเฉด Tailwind ทันที — จับคู่ตามการรับรู้ในเบราว์เซอร์ของคุณ


เกี่ยวกับ ค้นหาชื่อสี

Named Color Finder ตอบคำถามง่าย ๆ ว่าสีนี้เรียกว่าอะไร ป้อนหรือเลือกสีใดก็ได้ แล้วเครื่องมือจะแสดงชื่อสี CSS ที่ใกล้เคียงที่สุดทันที จากรายการมาตรฐานที่เบราว์เซอร์เข้าใจ เช่น "steelblue" หรือ "coral" พร้อมเฉดสี Tailwind ที่ใกล้เคียงที่สุด เช่น "sky-600"

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

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

วิธีใช้ ค้นหาชื่อสี

  1. พิมพ์ค่าสีหรือเลือกด้วยตัวเลือกสี คลิก "Random" เพื่อสำรวจ
  2. อ่านชื่อสี CSS ที่ใกล้เคียงที่สุดและเฉดสี Tailwind ที่ใกล้เคียงที่สุด ซึ่งแสดงเคียงข้างกับค่าที่คุณป้อน
  3. ตรวจสอบตัวบ่งชี้ความแตกต่างเพื่อดูว่าแต่ละคู่ใกล้เคียงกันเพียงใด
  4. คลิก "Copy" บนค่าใดก็ตามที่คุณต้องการใช้

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

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

CSS กำหนดชื่อสีไว้ประมาณ 148 ชื่อ (147 ค่าที่ไม่ซ้ำกัน เนื่องจากบางชื่อเป็นชื่อพ้องกัน เช่น gray/grey) ตั้งแต่ชื่อพื้นฐานอย่าง "red" ไปจนถึงชื่อที่ไม่ค่อยรู้จักอย่าง "papayawhip" ทุกเบราว์เซอร์เข้าใจชื่อเหล่านี้ และเครื่องมือนี้จะหาชื่อที่ใกล้เคียงที่สุดกับสีใดก็ตามที่คุณป้อน

เครื่องมือใช้ตัวชี้วัดระยะห่างของสีเชิงการรับรู้แทนการเปรียบเทียบ RGB ธรรมดา ดังนั้นชื่อที่แนะนำจึงสะท้อนว่าสีเหล่านั้นดูคล้ายกันจริง ๆ สำหรับสายตามนุษย์มากเพียงใด ซึ่งสำคัญเป็นพิเศษสำหรับโทนสีนุ่มนวลและสีเทาใกล้เคียง

เฉดสีที่ใกล้เคียงที่สุดจากชุดสีเริ่มต้นของ Tailwind ตั้งชื่อในรูปแบบเฉดสีบวกตัวเลขที่คุ้นเคย เช่น "emerald-500" มีประโยชน์สำหรับปรับสีการออกแบบที่กำหนดเองให้เข้ากับสเกลของ Tailwind เพื่อให้คลาสยูทิลิตี้ของคุณสอดคล้องกัน

สีที่คุณป้อนเหมือนกับชื่อสีนั้นทุกประการ คุณสามารถแทนที่ชื่อด้วยค่า HEX ได้โดยไม่มีความแตกต่างทางภาพเลย ระดับที่ต่ำกว่า ("Very close", "Close", "Approximate") บ่งบอกถึงความแตกต่างที่เพิ่มขึ้น แม้มักจะสังเกตไม่ออกด้วยตา

แชร์สิ่งนี้

การค้นหายอดนิยม
เครื่องค้นหาชื่อสี ชื่อสี css ที่ใกล้ที่สุด ค้นหาชื่อสี สี tailwind ที่ใกล้ที่สุด hex เป็นชื่อสี ระบุชื่อสี
ต้องการความช่วยเหลือ?
พบปัญหากับเครื่องมือนี้หรือไม่? แจ้งทีมงานของเรา
รายงานปัญหา

เพิ่มเครื่องมือฟรีนี้ลงในเว็บไซต์ของคุณเอง — คัดลอกและวางโค้ดด้านล่าง