เครื่องสร้างเฉดสีและเงา

เครื่องสร้างเฉดสีและเงา

สร้างเฉดสีที่สว่างที่สุดและเงาที่มืดที่สุดของสีใดๆ โดยอัตโนมัติ พร้อมรหัส HEX

🔒 ส่วนตัว 100% ⚡ ไม่ต้องอัปโหลดไฟล์ 🆓 ฟรี ไม่จำกัด

วิธีการสร้างโทนและเงาของสี

1

เลือกสีพื้นฐาน

เลือกสีเริ่มต้นโดยใช้ตัวเลือกสีแบบวิジуअลหรือพิมพ์รหัส HEX ของสี

2

ดูโทนและเงา

คุณจะเห็นโทน 5 สีที่อ่อนกว่า (tints) และ 5 สีที่เข้มกว่า (shadows) ที่สร้างขึ้นจากสีของคุณโดยอัตโนมัติ

3

คัดลอก HEX ที่คุณต้องการ

คลิกที่สวอตช์ใดๆ เพื่อคัดลอกรหัส HEX ของมันไปยังคลิปบอร์ด

คำถามที่พบบ่อยเกี่ยวกับตัวสร้างโทนและเงา

การมีรูปแบบสีที่สว่างและมืดกว่านั้นจำเป็นสำหรับการสร้างพาเลตสีออกแบบที่สอดคล้องกัน (เช่น สำหรับสถานะ hover พื้นหลัง หรือเส้นขอบ) เครื่องมือนี้คำนวณได้โดยอัตโนมัติ

ความแตกต่างระหว่างโทน (tint) และเงา (shade) คืออะไร

+

โทนสีได้มาจากการผสมสีด้วยสีขาว (ทำให้อ่อนขึ้น) และเงาได้มาจากการผสมด้วยสีดำ (ทำให้มืดขึ้น)

สร้างตัวแปรได้กี่แบบ

+

สร้าง 5 โทนสีที่อ่อนกว่าและ 5 เงาที่มืดกว่าจากสีพื้นฐานของคุณ รวมทั้งสิ้น 10 แบบ

ฉันสามารถคัดลอกรหัสได้หรือไม่

+

ได้ คลิกที่สีใดก็ได้ในรายการเพื่อคัดลอกรหัส HEX ของมัน

ใช้สร้างพาเลตการออกแบบแบบ Tailwind ได้หรือไม่

+

ใช่ มันเป็นแนวคิดเดียวกับมาตราส่วนสีระดับ 50-900 ที่ระบบการออกแบบจำนวนมากใช้อยู่

ฟรีหรือไม่

+

ใช่ เครื่องมือนี้ฟรีโดยสิ้นเชิน

สีของฉันจะถูกอัปโหลดไปยังเซิร์ฟเวอร์หรือไม่

+

ไม่ การคำนวณทั้งหมดเกิดขึ้นโดยตรงในเบราว์เซอร์ของคุณ

สำรวจสีตามตระกูล

มากกว่า 469 สีที่มีชื่อ พร้อมรหัส HEX RGB HSL และ CMYK จัดระเบียบในตระกูลเฉดสี 12 ตระกูล

เราช่วยคุณได้ไหม? ช่วยเราบอกต่อด้วยนะ!
แชร์ PDFDocks ให้กับใครก็ตามที่อาจต้องการมัน