ข้ามไปยังเนื้อหา
patrache.tools

สร้างพาเลทสี

เครื่องมือสร้างพาเลทสีออนไลน์ฟรี สร้างพาเลทที่กลมกลืนอัตโนมัติ แนะนำสีเสริม คล้ายคลึง และสามแม่สี ประมวลผลบนเบราว์เซอร์

สีพื้นฐาน
#2563EB
#EBAD25
#2563EB
#EBAD25
lockไฟล์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์
แชร์
ฝัง

ฝังเครื่องมือนี้ในเว็บไซต์ของคุณ

เครื่องมือสร้างพาเลตสีฟรีตามทฤษฎีสี — สีเสริม สีคล้าย สีสามเหลี่ยม และอื่น ๆ ประมวลผลในเบราว์เซอร์ ปรับแต่งสำหรับดีไซน์ UI แบรนด์ดิ้ง และภาพประกอบ

วิธีใช้งานสร้างพาเลทสี?

  1. เลือกหรือป้อนสีพื้นฐาน
  2. เลือกประเภทพาเลต
  3. คัดลอกโค้ดสีจากพาเลตที่สร้าง

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

มีรูปแบบสีอะไรบ้าง?

สีเสริม สีคล้าย สามเหลี่ยม สี่เหลี่ยม สีเสริมแยก และอื่น ๆ

ส่งออกพาเลตได้ไหม?

ได้ คัดลอกโค้ด HEX/RGB หรือดาวน์โหลดพาเลตเป็นรูปภาพ

หน้าเว็บหนึ่งหน้าควรใช้กี่สีถึงจะพอดี?

สีที่มองเห็นจริงเพียงสามถึงสี่สีก็เพียงพอ กฎ 60-30-10 ที่คุ้นเคยกำหนดให้พื้นที่ 60% เป็นสีพื้นหลัง 30% เป็นสีรอง และ 10% เป็นสีเน้น ยิ่งใช้สีเน้นอย่างประหยัด ปุ่มและลิงก์ก็ยิ่งโดดเด่น เพิ่มสีเทาเข้มสำหรับเนื้อความและเทาอ่อนสำหรับเส้นขอบ หน้าจอส่วนใหญ่ก็สมบูรณ์แล้ว หากเกินห้าสี ผู้ใช้จะเริ่มแยกไม่ออกว่าองค์ประกอบใดสำคัญ

มีสีแบรนด์อยู่แล้วหนึ่งสี จะเลือกสีที่เหลืออย่างไร?

ให้เริ่มจากสีนั้นแล้วสร้างชุดสีข้างเคียงก่อน สีที่อยู่ในระยะราว 30 องศาทั้งสองข้างบนวงล้อสีจะอยู่ด้วยกันได้โดยไม่ตีกัน เหมาะกับพื้นหลังและองค์ประกอบรอง ส่วนปุ่มที่ต้องการให้สังเกตเห็น ให้หยิบสีตรงข้ามจากอีกฝั่งของวงล้อมาใช้เพียงเล็กน้อย สายตาจะพุ่งไปที่นั่นทันที หากต้องรองรับโหมดมืดด้วย ควรเตรียมสีรุ่นที่คงเฉดเดิมแต่ลดความอิ่มตัวและเพิ่มความสว่างไว้ล่วงหน้า

วิธีใช้สร้างพาเลทสีให้เกิดประโยชน์สูงสุด?

  • แบ่งสัดส่วนสีแบบ 60-30-10 โดยสีเน้นใช้เพียงหนึ่งในสิบของหน้าจอก็เพียงพอ
  • เลือกสีกลางก่อนเสมอ เพราะสีเทาที่ดีช่วยยึดชุดสีเข้าด้วยกันมากกว่าการเพิ่มสีสดอีกสี
  • เมื่อได้ชุดสีแล้ว ให้ตรวจอัตราคอนทราสต์ของตัวอักษรกับพื้นหลังให้ไม่ต่ำกว่า 4.5:1

Powered by Patrache Studio Tools

โปรดอนุญาตโฆษณาบนเว็บไซต์นี้

หากต้องการใช้เครื่องมือเหล่านี้ โปรดอนุญาตโฆษณาบนเว็บไซต์นี้ รายได้จากโฆษณาช่วยให้บริการนี้ยังคงใช้งานได้ฟรี

เปิดตัวบล็อกโฆษณา ปิดการบล็อกสำหรับเว็บไซต์นี้ แล้วตรวจสอบอีกครั้ง