สี & ดีไซน์

สร้างเฉดสี 50-900 (Tints & Shades) จากสีเดียว

ใส่สีหลักหนึ่งสี ได้ชุดเฉดสี 50 ถึง 900 โดยผสมกับขาวและดำ พร้อมค่า contrast ของตัวอักษรบนแต่ละเฉด กดที่เฉดเพื่อคัดลอก HEX หรือคัดลอกทั้งชุดเป็นตัวแปร CSS และ config ของ Tailwind

วิธีใช้

  1. ใส่สีหลักเป็น HEX
  2. ตั้งชื่อตัวแปรที่ต้องการ
  3. กดเฉดที่ต้องใช้หรือคัดลอกทั้งชุด

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

เฉด 500 คือสีอะไร?

คือสีที่คุณกรอก เฉดที่เบากว่าผสมขาว เฉดที่เข้มกว่าผสมดำ

AA หมายถึงอะไร?

หมายถึงค่า contrast ของตัวอักษรบนพื้นนั้นถึง 4.5:1 ตามเกณฑ์ WCAG ระดับ AA สำหรับตัวอักษรปกติ

เจอปัญหา? แจ้งเครื่องมือนี้