เครื่องกําเนิดสี Tint / Shade
สร้างสีและสีจากสีพื้นฐาน
tools.colorTintShadeGenerator.title
tools.colorTintShadeGenerator.description
tools.colorTintShadeGenerator.clickToCopy
สร้างโทนสีและเฉดสีด้วย Color Tint Shade Generator ของเรา สร้างโทนสีที่สว่างกว่าและเฉดสีเข้มจากสีพื้นฐานใดๆ เพื่อความสม่ำเสมอในการออกแบบ
Key Features
สร้างสีอ่อน (รูปแบบที่สว่างกว่า) และเฉดสี (รูปแบบที่เข้มกว่า)
การสร้างจานสีอัตโนมัติจากสีเดียว
ปรับความเข้มและจำนวนรูปแบบได้
คัดลอกแต่ละสีหรือทั้งชุด
การตรวจสอบความคมชัดของสีเพื่อการเข้าถึง
ส่งออกเป็นตัวแปร CSS หรือ JSON
เครื่องกำเนิดเฉดสีอ่อน
เลือกสีพื้นฐาน
เลือกสีหลักของคุณโดยใช้ตัวเลือกสี
สร้างจานสี
เครื่องมือจะสร้างรูปแบบสีอ่อนและเฉดสีโดยอัตโนมัติ
ดูรูปแบบต่างๆ
ดูโทนสีอ่อนกว่าสีพื้นฐานและเฉดสีเข้มด้านล่าง
คัดลอกสี
คลิกสี่เหลี่ยมแต่ละสีเพื่อคัดลอกรหัสฐานสิบหกไปยังคลิปบอร์ด
ใช้ในการออกแบบ
ใช้จานสีกับระบบการออกแบบของคุณเพื่อให้ได้รูปแบบที่สอดคล้องกัน
Use Cases
การสร้างรูปแบบสีขององค์ประกอบ UI สำหรับสถานะ (โฮเวอร์ ใช้งานอยู่ ปิดใช้งาน)
การสร้างจานสีแบรนด์ที่ครอบคลุมจากสีเดียว
การพัฒนาโทนสีที่สามารถเข้าถึงได้โดยมีความเปรียบต่างที่เหมาะสม
การออกแบบการไล่ระดับสีที่สอดคล้องกันสำหรับพื้นหลังและปุ่ม
Frequently Asked Questions
ความแตกต่างระหว่างสีและเฉดสีคืออะไร?
สีอ่อนกว่า (เพิ่มสีขาว) เฉดสีเข้มกว่า (เพิ่มสีดำ) ของสีพื้นฐาน
มีการสร้างรูปแบบจำนวนเท่าใด?
โดยทั่วไปแล้ว 9 เฉดสีและ 9 เฉดสีจะถูกสร้างขึ้นจากสีพื้นฐาน
ฉันสามารถปรับความเข้มได้หรือไม่?
ใช่ ควบคุมความเข้มของการสร้างเพื่อสร้างรูปแบบที่ละเอียดอ่อนหรือสุดขั้ว
รูปแบบต่างๆ เหมาะสมกับการเข้าถึงหรือไม่
เครื่องมือจะตรวจสอบอัตราส่วนคอนทราสต์และไฮไลต์ชุดค่าผสมที่สามารถเข้าถึงได้
Tool Information
Related Tools You Might Like
Color Palette Generator จากภาพ
สารสกัดสีที่โดดเด่นจากภาพ
RGB / Hex แปลง
การแปลงระหว่างรูปแบบสี RGB และ HEX
เครื่องกําเนิดไฟฟ้า CSS
สร้าง CSS Gradients ที่กําหนดเองด้วย Preview
WCAG Contrast เช็ค
ตรวจสอบความต้านทานสีตามมาตรฐาน WCAG
เครื่องกําเนิดสัญญาณดิจิตอล
สร้างสัญญาณดิจิตอลแบบสไตล์ด้วยตัวอักษรที่แตกต่างกัน
เครื่องกําเนิดไฟฟ้า Box Shadow
สร้าง CSS Box Shadows
เครื่องคํานวณปริมาณ Surfboard
การคํานวณปริมาณ surfboard ที่สมบูรณ์แบบขึ้นอยู่กับน้ําหนักของคุณระดับประสบการณ์และเงื่อนไขคลื่น
Wave Height แปลง
แปลงระหว่างการวัดความสูงของคลื่นที่แตกต่างกัน (ความสูงของใบหน้า, ระดับฮาเวียน, น้ําแตกของทะเล)
สกูบา Dive Planner
การวางแผนการดูดสกูบของคุณด้วยข้อ จํากัด ความลึกเวลาด้านล่างและความต้องการความปลอดภัย