lockไฟล์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์
เครื่องมือสร้างพาเลตสีฟรีตามทฤษฎีสี — สีเสริม สีคล้าย สีสามเหลี่ยม และอื่น ๆ ประมวลผลในเบราว์เซอร์ ปรับแต่งสำหรับดีไซน์ UI แบรนด์ดิ้ง และภาพประกอบ
วิธีใช้งานสร้างพาเลทสี?
- เลือกหรือป้อนสีพื้นฐาน
- เลือกประเภทพาเลต
- คัดลอกโค้ดสีจากพาเลตที่สร้าง
คำถามที่พบบ่อยเกี่ยวกับสร้างพาเลทสี
มีรูปแบบสีอะไรบ้าง?
สีเสริม สีคล้าย สามเหลี่ยม สี่เหลี่ยม สีเสริมแยก และอื่น ๆ
ส่งออกพาเลตได้ไหม?
ได้ คัดลอกโค้ด HEX/RGB หรือดาวน์โหลดพาเลตเป็นรูปภาพ
หน้าเว็บหนึ่งหน้าควรใช้กี่สีถึงจะพอดี?
สีที่มองเห็นจริงเพียงสามถึงสี่สีก็เพียงพอ กฎ 60-30-10 ที่คุ้นเคยกำหนดให้พื้นที่ 60% เป็นสีพื้นหลัง 30% เป็นสีรอง และ 10% เป็นสีเน้น ยิ่งใช้สีเน้นอย่างประหยัด ปุ่มและลิงก์ก็ยิ่งโดดเด่น เพิ่มสีเทาเข้มสำหรับเนื้อความและเทาอ่อนสำหรับเส้นขอบ หน้าจอส่วนใหญ่ก็สมบูรณ์แล้ว หากเกินห้าสี ผู้ใช้จะเริ่มแยกไม่ออกว่าองค์ประกอบใดสำคัญ
มีสีแบรนด์อยู่แล้วหนึ่งสี จะเลือกสีที่เหลืออย่างไร?
ให้เริ่มจากสีนั้นแล้วสร้างชุดสีข้างเคียงก่อน สีที่อยู่ในระยะราว 30 องศาทั้งสองข้างบนวงล้อสีจะอยู่ด้วยกันได้โดยไม่ตีกัน เหมาะกับพื้นหลังและองค์ประกอบรอง ส่วนปุ่มที่ต้องการให้สังเกตเห็น ให้หยิบสีตรงข้ามจากอีกฝั่งของวงล้อมาใช้เพียงเล็กน้อย สายตาจะพุ่งไปที่นั่นทันที หากต้องรองรับโหมดมืดด้วย ควรเตรียมสีรุ่นที่คงเฉดเดิมแต่ลดความอิ่มตัวและเพิ่มความสว่างไว้ล่วงหน้า
วิธีใช้สร้างพาเลทสีให้เกิดประโยชน์สูงสุด?
- แบ่งสัดส่วนสีแบบ 60-30-10 โดยสีเน้นใช้เพียงหนึ่งในสิบของหน้าจอก็เพียงพอ
- เลือกสีกลางก่อนเสมอ เพราะสีเทาที่ดีช่วยยึดชุดสีเข้าด้วยกันมากกว่าการเพิ่มสีสดอีกสี
- เมื่อได้ชุดสีแล้ว ให้ตรวจอัตราคอนทราสต์ของตัวอักษรกับพื้นหลังให้ไม่ต่ำกว่า 4.5:1
Powered by Patrache Studio Tools