DESIGN

เครื่องสร้าง Tints และ Shades — สีที่อ่อนกว่าและเข้มกว่า

ระบบสีระดับมืออาชีพ (เช่น Tailwind CSS หรือ Material Design) ใช้สเกลจากสีที่อ่อนที่สุดไปยังเข้มที่สุด Generator tints & shades สร้างสเกลนี้โดยอัตโนมัติ

Tint vs Shade vs Tone

  • Tint: สี + ขาว = สว่างขึ้น
  • Shade: สี + ดำ = เข้มขึ้น
  • Tone: สี + เทา = เป็นกลางขึ้น

Generator สร้างสเกล 10 ขั้น (100–900) คล้ายกับ Tailwind ส่งออกเป็น CSS variables หรือ JSON array สำหรับ design system