เรียกดูชื่อสี CSS/HTML มาตรฐานทั้ง 140 สีในตารางตัวอย่างที่สวยงาม — ค้นหาตามชื่อหรือ hex กรองตามตระกูลสี และคัดลอกค่า hex, rgb() หรือ hsl() ของสีใด ๆ ในคลิกเดียว ในเบราว์เซอร์ ฟรี

สี CSS/HTML มาตรฐานที่มีชื่อทั้ง 140 สี พร้อมค่า hex, RGB และ HSL ทุกอย่างทำงานในเบราว์เซอร์ของคุณจากแหล่งอ้างอิงในตัว — ไม่มีการส่งข้อมูลไปยังเซิร์ฟเวอร์

ไม่มีสีที่ตรงกับการค้นหาของคุณ
ลองชื่อหรือ hex อื่น — เช่น RebeccaPurple, #00FF00 หรือ teal

เกี่ยวกับ ชื่อสี HTML

ตัวอ้างอิงนี้แสดงชื่อสีมาตรฐาน CSS/HTML ทั้งหมด 140 สี ซึ่งเป็นรายการเต็มที่เบราว์เซอร์เข้าใจ ตั้งแต่ AliceBlue ไปจนถึง YellowGreen เป็นกริดตัวอย่างสีแบบตอบสนอง (responsive) แต่ละตัวอย่างแสดงสีนั้นพร้อมชื่อและค่าเลขฐานสิบหก และการคลิกที่สีจะเปิดรูปแบบเลขฐานสิบหก rgb() และ hsl() ซึ่งคัดลอกได้ด้วยคลิกเดียวทั้งหมด

คุณสามารถค้นหาด้วยชื่อหรือค่าเลขฐานสิบหกได้ เช่น Tomato และ #FF6347 หาตัวอย่างสีเดียวกันเจอ และกรองตามตระกูลสี: Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites และ Grays & Blacks มุมมองตามตระกูลเป็นวิธีที่เร็วที่สุดในการคัดเลือกตัวเลือกเมื่อคุณรู้เฉดสีคร่าว ๆ ที่ต้องการ

ชื่อสีมีประโยชน์สำหรับต้นแบบ ตัวอย่างโค้ด ลวดลาย SVG และการสอน เพราะชื่ออย่าง RebeccaPurple สื่อความหมายได้ดีกว่ารหัสเลขฐานสิบหกสามหมู่ ค่า RGB และ HSL คำนวณในเบราว์เซอร์ของคุณจากค่าเลขฐานสิบหกของแต่ละสี และไม่มีสิ่งที่คุณค้นหาถูกส่งไปยังเซิร์ฟเวอร์

วิธีใช้ ชื่อสี HTML

  1. ค้นหาด้วยชื่อสีหรือค่าเลขฐานสิบหก เช่น Tomato, teal หรือ #00FF00
  2. กรองตามตระกูลสี เช่น Reds, Blues, Grays และอื่น ๆ เพื่อคัดเลือกสีในช่วงเฉดเดียวกัน
  3. คลิกตัวอย่างสีเพื่อคัดลอกค่าเลขฐานสิบหกทันที
  4. เปิดป๊อปอัปของตัวอย่างสีเพื่อคัดลอกรูปแบบ rgb() หรือ hsl() แทน

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

มีชื่อสีมาตรฐาน 140 ชื่อใน CSS สมัยใหม่ ขยายจาก 16 สี HTML ดั้งเดิมด้วยรายการที่ใหญ่กว่าซึ่งมาจาก X11 เบราว์เซอร์ปัจจุบันทุกตัวรองรับชื่อสีทั้งหมดในทุกคุณสมบัติที่รับค่าสี

ไม่ tomato, Tomato และ TOMATO ล้วนถูกต้องและเหมือนกันทุกประการใน CSS และ HTML รูปแบบตัวพิมพ์ใหญ่แบบ camel case ที่แสดงในที่นี้เป็นเพียงการสะกดตามธรรมเนียมที่ทำให้ชื่อหลายคำอย่าง LightGoldenrodYellow อ่านง่ายขึ้น

ชื่อสีเหมาะกับตัวอย่าง ต้นแบบ และการเน้นสีแบบครั้งเดียว ส่วนพาเลตสีในระบบการผลิตจริงมักอยู่ในคุณสมบัติแบบกำหนดเองด้วยค่าเลขฐานสิบหก rgb() หรือ hsl() เพราะสีในระบบดีไซน์มักไม่ตรงกับชื่อสีเป๊ะ ๆ ในเชิงฟังก์ชัน ชื่อสีกับค่าเลขฐานสิบหกของมันใช้แทนกันได้

CSS รองรับการสะกดทั้งสองแบบสำหรับ gray และคำที่เกี่ยวข้อง เช่น gray/grey, darkgray/darkgrey และอื่น ๆ โดยแมปแต่ละคู่ไปยังค่าเดียวกัน ดังนั้นการสะกดแบบใดก็ไม่ผิด

ใช่ ตัวอย่างสีทั้ง 140 สี การค้นหา ตัวกรองตระกูลสี และการคัดลอกค่าเลขฐานสิบหก/rgb()/hsl() ล้วนฟรีและทำงานทั้งหมดในเบราว์เซอร์ของคุณ

แชร์สิ่งนี้
ต้องการความช่วยเหลือ?
พบปัญหากับเครื่องมือนี้หรือไม่? แจ้งทีมงานของเรา
รายงานปัญหา

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