ผสมสี

เกี่ยวกับเครื่องมือนี้

เครื่องผสมสีผสมสีเฮกซ์สองสีในพื้นที่ RGB สร้างการผสมที่ลื่นไหลในอัตราส่วนใดก็ได้ระหว่าง 0% ถึง 100% สเกลการไล่สีแสดง 7 ขั้นตอนที่เว้นระยะเท่ากันระหว่างสองสี

การผสม RGB คือการดำเนินการเดียวกับที่เบราว์เซอร์ทำเมื่อผสมสี ถูกต้องทางคณิตศาสตร์และคาดเดาได้ สีที่ผสมที่ 50% คือจุดกึ่งกลางแท้จริงระหว่างทั้งสองสีในพื้นที่ RGB

วิธีใช้งาน

1. เลือกสองสีโดยใช้ตัวเลือกสีหรือพิมพ์รหัส hex โดยตรง
2. ใช้ปุ่มพรีเซ็ตเพื่อลองชุดสีคลาสสิก
3. ลากตัวเลื่อนอัตราส่วนเพื่อปรับการผสม 0% คือสี 1; 100% คือสี 2
4. คลิกตัวอย่างการไล่สีหรือปุ่มคัดลอก HEX เพื่อคัดลอกสี

กรณีการใช้งาน

นักออกแบบ UI ผสมสีหลักของแบรนด์กับสีขาวหรือดำสำหรับสถานะ hover, active และ disabled นักออกแบบ motion เลือกสีระหว่างกลางสำหรับ keyframe animation นักพัฒนา frontend สร้างจุดหยุด gradient โดยไม่ต้องใช้โปรแกรมแก้ไขกราฟิก

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

• นี่เหมือนกับ CSS gradient หรือไม่? — ใช่ CSS linear-gradient ยังผสมใน sRGB โดยค่าเริ่มต้น ขั้นตอนที่แสดงตรงกับจุดกลางที่ CSS gradient ผ่านพอดี
• ทำไมผสมสีแดงกับน้ำเงินถึงไม่ได้สีม่วง? — ใน RGB สีแดง (#ff0000) กับน้ำเงิน (#0000ff) ที่ 50% ให้ #7f007f (แดงอมม่วงเข้ม) สีม่วงสดต้องผสมแดงกับน้ำเงินม่วงเช่น #8000ff
• ได้ขั้นตอน gradient มากกว่านี้ไหม? — สเกลแสดง 7 ขั้นตอนเสมอ ใช้ตัวเลื่อนอัตราส่วนตรวจสอบจุดกลางเฉพาะได้
• รองรับ alpha/ความโปร่งใสหรือไม่? — ไม่ เครื่องมือนี้ใช้กับสี hex ทึบเท่านั้น