เครื่องสร้างเฉดสีและเงา
สร้างเฉดสีที่สว่างที่สุดและเงาที่มืดที่สุดของสีใดๆ โดยอัตโนมัติ พร้อมรหัส HEX
วิธีการสร้างโทนและเงาของสี
เลือกสีพื้นฐาน
เลือกสีเริ่มต้นโดยใช้ตัวเลือกสีแบบวิジуअลหรือพิมพ์รหัส HEX ของสี
ดูโทนและเงา
คุณจะเห็นโทน 5 สีที่อ่อนกว่า (tints) และ 5 สีที่เข้มกว่า (shadows) ที่สร้างขึ้นจากสีของคุณโดยอัตโนมัติ
คัดลอก HEX ที่คุณต้องการ
คลิกที่สวอตช์ใดๆ เพื่อคัดลอกรหัส HEX ของมันไปยังคลิปบอร์ด
คำถามที่พบบ่อยเกี่ยวกับตัวสร้างโทนและเงา
การมีรูปแบบสีที่สว่างและมืดกว่านั้นจำเป็นสำหรับการสร้างพาเลตสีออกแบบที่สอดคล้องกัน (เช่น สำหรับสถานะ hover พื้นหลัง หรือเส้นขอบ) เครื่องมือนี้คำนวณได้โดยอัตโนมัติ
ความแตกต่างระหว่างโทน (tint) และเงา (shade) คืออะไร
+
โทนสีได้มาจากการผสมสีด้วยสีขาว (ทำให้อ่อนขึ้น) และเงาได้มาจากการผสมด้วยสีดำ (ทำให้มืดขึ้น)
สร้างตัวแปรได้กี่แบบ
+
สร้าง 5 โทนสีที่อ่อนกว่าและ 5 เงาที่มืดกว่าจากสีพื้นฐานของคุณ รวมทั้งสิ้น 10 แบบ
ฉันสามารถคัดลอกรหัสได้หรือไม่
+
ได้ คลิกที่สีใดก็ได้ในรายการเพื่อคัดลอกรหัส HEX ของมัน
ใช้สร้างพาเลตการออกแบบแบบ Tailwind ได้หรือไม่
+
ใช่ มันเป็นแนวคิดเดียวกับมาตราส่วนสีระดับ 50-900 ที่ระบบการออกแบบจำนวนมากใช้อยู่
ฟรีหรือไม่
+
ใช่ เครื่องมือนี้ฟรีโดยสิ้นเชิน
สีของฉันจะถูกอัปโหลดไปยังเซิร์ฟเวอร์หรือไม่
+
ไม่ การคำนวณทั้งหมดเกิดขึ้นโดยตรงในเบราว์เซอร์ของคุณ
สำรวจสีตามตระกูล
มากกว่า 469 สีที่มีชื่อ พร้อมรหัส HEX RGB HSL และ CMYK จัดระเบียบในตระกูลเฉดสี 12 ตระกูล