เครื่องสร้างโทนสีแบบสุ่ม
โทนสีที่ถูกปรับให้สอดคล้องกันจะมีประโยชน์มากกว่าการใช้สีสุ่มห้าสีวางอยู่ติดกัน เครื่องมือนี้จะเลือกโทนพื้นฐาน จากนั้นสร้างสีรองอีกสี่สีโดยอาศัยความสัมพันธ์ตามทฤษฎีสีแบบดั้งเดิม ได้แก่ สีอนะล็อก (analogous), สีคอมพลีเมนตารี (complementary), สีสปลิต-คอมพลีเมนตารี (split-complementary), และสีไตรแอดิกหรือเททราดิก (triadic/tetradic) คุณสามารถล็อกสักเกอร์ที่ต้องการได้ และนำส่วนที่เหลือมาใช้ใหม่ได้
วิธีสร้างพาเลท
-
1
เลือกประเภทของฮาร์โมนี
ประเภทต่างๆ ได้แก่ แบบอนะล็อก (ตำแหน่งที่อยู่ติดกันบนวงกลม), แบบคอมพลีเมนตารี (ตรงข้ามกัน), แบบไตรแอดิก (ห่างกัน 120 องศา), แบบเททราดิก (รูปสี่เหลี่ยมผืนผ้า), และแบบโมโนโครมาติก (โทนสีเดียวกันในระดับต่างๆ)
-
2
กลิ้งฐาน
ตัวอย่างแรกคือโทนสีที่เลือกแบบสุ่ม โดยมีระดับความอิ่มตัวและความสว่างในระดับปานกลาง — ถือเป็นจุดเริ่มต้น
-
3
จำนวนพี่น้องถูกคำนวณ
ตัวอย่างสีอื่น ๆ ถูกสร้างขึ้นจากพื้นฐานโดยใช้ความกลมกลืนที่เลือกไว้ จากนั้นจึงปรับให้มีความตัดกันของสีที่เหมาะสม
-
4
ล็อกและรีโรล
เก็บตัวอย่างสีที่คุณชอบไว้ ส่วนอื่นๆ ให้พับกลับมาใหม่จนพาเลทแสดงผลสีได้อย่างสมบูรณ์
แผ่นข้อมูลเคล็ดลับของ Harmony
| ระบบ | การปรับค่าโทนสีบนล้อ | อารมณ์ |
|---|---|---|
| สีเดียว | 0 องศา (โทนสีเหมือนกัน แต่ค่าความเข้มแยบเปลี่ยนได้) | สงบ และเรียบง่าย |
| แบบคล้ายกัน | +/- 30 องศา | อบอุ่นและเป็นธรรมชาติ |
| เสริมประสิทธิภาพ | มุม 180 องศา | คอนทราสต์สูง คมชัดเด่น |
| การเติมเต็มแบบแบ่งส่วน | มุม 150/210 องศา | การสร้างความต่างของสีโดยไม่ก่อให้เกิดแรงตึงเครียด |
| แบบไตรภาค | 0, 120, 240 องศา | มีชีวิตชีวาและสมดุล |
| เทตราดิก | 0, 90, 180, 270 องศา | มีความหลากหลายสูง และยากต่อการควบคุมสมดุล |
คำแนะนำที่เป็นประโยชน์จริงๆ
- หนึ่งสีหลัก สองสีรอง และสองสีเน้น พาเลทอินเทอร์เฟซผู้ใช้ที่ดีควรเป็นไปตามอัตราส่วน 60/30/10 โดยใช้สองในสามของหน้าจอเป็นสีหลัก หนึ่งในสามเป็นสีรอง และส่วนเล็กน้อยเป็นสีเน้น
- ตรวจสอบคู่ของโทนสีแบบเป็นคู่ๆ แม้โทนสีจะดูกลมกลืนกัน แต่ก็อาจยังมีการจับคู่ระหว่างข้อความกับพื้นหลังที่อ่านไม่ออกได้ โปรดทดสอบทุกคู่ที่คุณวางแผนจะใช้งาน
- ให้เลือกตัวอย่างเฉพาะที่คุณชอบ อย่าใช้ค่าเฉลี่ย หากพบว่าตัวอย่างสองตัวไม่เข้ากัน ให้เลือกเฉพาะสิ่งที่คุณชื่นชอบแล้วทดลองใหม่อีกครั้ง อย่ายอมประนีประนอมด้วยการหาค่าเฉลี่ย เพราะสมองของเราตอบสนองต่อความกลมกลืน ไม่ใช่ค่าเฉลี่ย
เครื่องมือที่ใช้ในการทำงาน
ตลอดหลายปีที่ผ่านมา นักออกแบบมักเลือกใช้ล้อสีต่างๆ กันไป โดยล้อสี RYB (แดง เหลือง น้ำเงิน) เป็นมาตรฐานที่ใช้กันอย่างแพร่หลายในวงการการออกแบบ ส่วนระบบ HSL บนคอมพิวเตอร์ถือเป็นรูปแบบการแทนค่าสีที่เรียบง่ายลง ในขณะที่ OKLCH ถือเป็นมาตรฐานขั้นสูงสุดในปัจจุบันสำหรับความสม่ำเสมอทางการรับรู้ของสี และควรศึกษาให้เข้าใจหากคุณทำงานกับระบบสีที่สามารถเข้าถึงได้อย่างง่ายดาย
คำถามที่พบบ่อย
เนื่องจากค่าความอิ่มตัวคงที่และความเข้มของแสงจะสร้างตัวอย่างสีที่มีลักษณะทางสายตาคล้ายคลึงกันไม่ว่าจะเป็นโทนสีใด การปรับระดับความเข้มของแสงระหว่างตัวอย่างสีในแพลเลท (เช่น หนึ่งสีอ่อน หนึ่งสีปานกลาง และหนึ่งสีเข้ม) จะช่วยเพิ่มประโยชน์ในการใช้งานแพลเลทได้อย่างรวดเร็ว
มีลักษณะคล้ายกันและเป็นสีเดียว ดูกลมกลืนกันเกือบโดยบังเอิญ การใช้โทนสามสีหรือสี่สีช่วยเสริมความน่าเชื่อถือในการออกแบบ แต่หากดำเนินการอย่างไม่เหมาะสม ก็อาจทำให้ดูยุ่งเหยิงได้ง่าย
ใช่ — คัดลอกรหัสเฮกซาเดซิมอลเป็นรายการที่แยกด้วยจุด บล็อกคุณสมบัติเฉพาะของ CSS หรืออาร์เรย์ JSON โดยเลือกรูปแบบที่เครื่องมือออกแบบของคุณรองรับ
สำหรับแต่ละตัวอย่างสีจะมีการแสดงความแตกต่างระหว่างสีขาวกับสีดำ เพื่อให้คุณสามารถมองเห็นได้ทันทีว่าสีใดเหมาะสมสำหรับการใช้ในข้อความ การตรวจสอบความสอดคล้องตามหลัก WCAG แบบคู่ๆ เป็นหน้าที่ของคุณที่ต้องดำเนินการก่อนส่งมอบผลิตภัณฑ์
เครื่องมือที่เกี่ยวข้อง
เครื่องกำเนิดจานสี
สร้างชุดสี 4-8 สีที่กลมกลืนกันจากสีพื้นฐานโดยใช้โครงร่างเสริม อะนาล็อก ไตรอะดิก และแยกเสริม
ตัวสร้างเลขสุ่ม
สร้างสี RGB แบบสุ่ม ดูค่าเฮกซาเดซิมอล (hex), HSL และ RGB ได้ทันที และคัดลอกข้อมูลในรูปแบบใดก็ได้เพียงคลิกเดียว
เครื่องสร้างตัวเลขสุ่ม
สร้างตัวอักษรสุ่มจากอักษรภาษาอังกฤษ ให้เลือกประเภทของตัวอักษร (ตัวพิมพ์ใหญ่หรือเล็ก) ระบุว่าต้องการตัวที่ซ้ำหรือตัวที่ไม่ซ้ำ และกำหนดจำนวนตัวที่ต้องการ
เครื่องเลือกสี HEX
ให้เลือกสีใดๆ โดยการมองเห็น จากนั้นดึงค่า HEX, RGB, HSL, HSV และ CMYK ของสีนั้น รวมถึงค่าความต่างของคอนทราสต์สำหรับการเข้าถึง (accessibility contrast) เมื่อเปรียบเทียบกับสีขาวและสีดำ
ตัวจัดรูปแบบ JSON
กำหนดรูปแบบและแสดงข้อมูลในรูปแบบ JSON ที่สวยงาม โดยรองรับการปรับระดับการแทรกบรรทัด การเรียงลำดับคีย์ และระบบตรวจสอบความถูกต้องแบบในเนื้อหา (inline validation) ซึ่งจะแสดงข้อผิดพลาดไว้ตรงตำแหน่งที่เกิดขึ้น
เครื่องสร้างชื่อแบบสุ่ม
สร้างชื่อภาษาอังกฤษที่สมเหตุสมผลจากรายการชื่อแรกและชื่อครอบครัวยอดนิยม โดยสามารถเลือกเพศ จำนวน และรูปแบบได้