สร้างเฉดสี

เกี่ยวกับ สร้างเฉดสี

Color Shades Generator ขยายสีเดียวให้กลายเป็นชุดโทนสีอ่อนและเข้มที่ครบถ้วน ป้อนสีตั้งต้นเข้าไป เครื่องมือจะสร้างโทนสว่างขึ้นเรื่อย ๆ ด้านหนึ่งและโทนเข้มขึ้นเรื่อย ๆ อีกด้านหนึ่ง เป็นสเกลสไตล์ 50-ถึง-900 แบบคลาสสิกที่ใช้ในระบบออกแบบยุคใหม่

มีตัวควบคุมสองอย่างที่กำหนดผลลัพธ์ เปอร์เซ็นต์ขั้นตอนกำหนดว่าแต่ละเฉดจะสว่างขึ้นหรือเข้มขึ้นมากเพียงใด (1–25% ต่อขั้นตอน) และจำนวนกำหนดว่าจะมีโทนสว่างและเข้มปรากฏกี่ระดับในแต่ละด้านของสีตั้งต้น สูงสุดสิบระดับ แถบเกรเดียนต์แสดงตัวอย่างชุดสีทั้งหมดในมุมมองเดียว

การสร้างเกิดขึ้นทันทีในเบราว์เซอร์ของคุณขณะที่คุณพิมพ์ ไม่มีการส่งข้อมูลไปยังเซิร์ฟเวอร์ คัดลอกค่าใดค่าหนึ่ง รายการทั้งหมด หรือทั้งชุดเป็นตัวแปร CSS พร้อมนำไปใส่ในไฟล์ design-token หรือสเกลสีสไตล์ Tailwind

วิธีใช้ สร้างเฉดสี

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

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