ข้ามไปยังเครื่องมือเลือกสี

ชื่อสี CSS

ชื่อสีทั้งหมด 148 ชื่อจากข้อกำหนด CSS จัดกลุ่มตามฮิวและเรียงจากอ่อนไปเข้ม คลิกชื่อหรือค่า HEX เพื่อคัดลอก

สีแดง

สีชมพูกุหลาบ

สีชมพู

สีบานเย็น

  • เหมือนกับ magenta

  • เหมือนกับ fuchsia

สีม่วง

สีม่วงไวโอเล็ต

สีคราม

สีน้ำเงิน

  • เหมือนกับ lightslategrey

  • เหมือนกับ lightslategray

  • เหมือนกับ slategrey

  • เหมือนกับ slategray

สีฟ้า

สีฟ้าอมเขียว

  • เหมือนกับ cyan

  • เหมือนกับ aqua

  • เหมือนกับ darkslategrey

  • เหมือนกับ darkslategray

สีเขียวหัวเป็ด

สีเขียวมรกต

สีเขียว

สีเขียวมะนาว

สีเหลือง

สีเหลืองอำพัน

สีส้ม

สีน้ำตาล

สีเบจ

สีขาว

สีเทา

  • เหมือนกับ lightgrey

  • เหมือนกับ lightgray

  • เหมือนกับ darkgrey

  • เหมือนกับ darkgray

  • เหมือนกับ grey

  • เหมือนกับ gray

  • เหมือนกับ dimgrey

  • เหมือนกับ dimgray

สีดำ

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

CSS มีชื่อสีกี่ชื่อ

CSS Color 4 กำหนดชื่อสีไว้ 148 ชื่อ ตั้งแต่ aliceblue ถึง yellowgreen บางชื่อเป็นชื่อพ้องที่ใช้ค่าเดียวกัน เช่น gray กับ grey หรือ aqua กับ cyan นอกจากนี้ยังมีคีย์เวิร์ด transparent และ currentcolor ซึ่งไม่ใช่สีคงที่

gray กับ grey ใน CSS เหมือนกันหรือไม่

เหมือนกัน ชื่อสีเทาทุกชื่อมีตัวสะกดแบบ grey ที่ให้ค่าเดียวกันทุกประการ เช่น darkgray และ darkgrey เป็น #a9a9a9 ทั้งคู่ ข้อควรรู้คือ darkgray สว่างกว่า gray ซึ่งเป็นความแปลกที่สืบทอดมาจากรายชื่อสีของ X11

ควรใช้ชื่อสีใน CSS ของงานจริงหรือไม่

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