เครื่องมือออนไลน์โทนสีใกล้เคียง

ฟีเจอร์และตัวอย่างการใช้งาน

เครื่องมือนี้ช่วยสร้างชุดสีโทนใกล้เคียง (Analogous) ซึ่งเป็นสีที่อยู่ติดกันบนวงล้อสี ให้ความรู้สึกกลมกลืนและเป็นธรรมชาติ เหมาะสำหรับการออกแบบที่ต้องการความนุ่มนวล ไม่ขัดแตากัน

ตัวอย่างที่เป็นรูปธรรม

เลือกสีฐาน #3B82F6 (สีน้ำเงิน) และตั้งมุมห่าง 30 องศา ผลลัพธ์ที่ได้คือสามสี: #3CE0F6 (ฟ้าอมเขียว), #3B82F6 (สีฐาน), และ #523CF6 (ม่วงอมน้ำเงิน) หากเปลี่ยนมุมเป็น 90 องศา จะได้ #3CF652 (เขียว), #3B82F6, และ #F63CE0 (ชมพู/ม่วงแดง)

การทำงานของเครื่องมือ

ระบบจะแปลงสีฐานเป็นค่า HSL (ฮิว ความอิ่มสี ความสว่าง) จากนั้นสร้างสีสองข้างโดยการบวก/ลบมุมที่กำหนดกับค่าฮิว แล้วแปลงกลับเป็น RGB/HEX สีกลางจะคงค่า HEX เดิมทุกประการ เพื่อให้ได้สีที่เลือกไว้จริง ๆ

ข้อจำกัดที่ควรทราบ

• การคำนวณเกิดขึ้นในเบราว์เซอร์ของคุณ ไม่มีการส่งข้อมูลไปยังเซิร์ฟเวอร์
• การเว้นระยะฮิวแบบนี้ไม่รับประกันความคมชัดหรือการเข้าถึงได้ (accessibility) สำหรับข้อความ ควรตรวจสอบคู่สีพื้นหลัง/พื้นหน้าตามเกณฑ์ที่เกี่ยวข้อง
• การแก้ไขสีใดสีหนึ่งในผลลัพธ์จะไม่คำนวณสีอื่นใหม่ เป็นการปรับแต่งเฉพาะจุด

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

1. ทำไมสีกลางถึงไม่เปลี่ยนเมื่อฉันปรับมุม?

สีกลางคือสีฐานที่คุณเลือกไว้ มันจะคงค่าเดิมเสมอ เพื่อให้คุณเห็นสีที่เลือกจริง ๆ ส่วนสีซ้ายและขวาจะเปลี่ยนตามมุมที่ตั้ง

2. ฉันสามารถป้อนค่าสีในรูปแบบอื่นนอกจาก HEX ได้ไหม?

ได้ คุณสามารถใช้แผงแก้ไขขั้นสูงของแต่ละสวอตช์เพื่อป้อนค่า RGB, HSV หรือ HSL ได้ แต่การป้อนสีฐานเริ่มต้นจะใช้ตัวเลือกสีหรือช่อง HEX

3. มุมห่างที่แนะนำคือเท่าไร?

มุม 30 องศาเป็นค่าเริ่มต้นและให้ความกลมกลืนสูง แต่คุณสามารถปรับได้ตั้งแต่ 1 ถึง 90 องศา ขึ้นอยู่กับความต้องการของดีไซน์ ยิ่งมุมน้อยยิ่งใกล้เคียงกัน ยิ่งมุมมากยิ่งมีความแตกต่างมากขึ้น