สร้าง Color Palette
สร้างสเกล tint และ shade พร้อมสี complementary, analogous และ triadic จากสีพื้นฐาน
เครื่องมือที่เกี่ยวข้อง
วิธีใช้ Color Palette
- 01
เลือกสีพื้นฐานหรือพิมพ์ค่า hex
- 02
ดูสเกลจากอ่อนถึงเข้มและสี harmony
- 03
คลิก swatch ใดก็ได้เพื่อคัดลอกรหัส hex
เครื่องกำเนิดนี้ทำอะไร
เครื่องมือสร้างชุดสีนี้จะเปลี่ยนสีฐานเดียวให้เป็นระดับแสงถึงมืดเต็มรูปแบบ บวกกับฮาร์โมนีคู่เสริม อะนาล็อก และไตรอะดิก โดยทุกสวอตช์สามารถคัดลอกเป็นรหัสฐานสิบหกได้ในคลิกเดียว
ทุกอย่างจะถูกคำนวณในเบราว์เซอร์ของคุณตามสีที่คุณป้อน ดังนั้นจึงไม่มีการอัปโหลดสิ่งใด
วิธีสร้างระดับสีและเฉดสี
ระดับสีและเฉดสีจะรักษาสีพื้นฐานและความอิ่มตัวของสีไว้ และกระจายความสว่างจากสว่างไปมืด ทำให้มีขั้นตอนที่สม่ำเสมอ นี่เป็นขนาดที่ระบบการออกแบบใช้สำหรับพื้นหลัง เส้นขอบ ข้อความ และสถานะอย่างแน่นอน
ฮาร์โมนีเสริม อะนาล็อก และไตรอะดิก
ความกลมกลืนนั้นมาจากทฤษฎีสีซึ่งมีพื้นฐานมาจากการหมุนเฉดสีรอบวงล้อสี สีคู่ตรงข้ามคือสีที่อยู่ตรงข้ามกันเพื่อคอนทราสต์ที่ชัดเจน สีที่คล้ายคลึงกันคือสีข้างเคียงเพื่อให้ดูสงบและกลมกลืน และสีไตรอะดิกคือสี 3 เฉดสีที่เว้นระยะเท่าๆ กันเพื่อฉากที่สมดุลและมีชีวิตชีวา
การสร้างจานสีจากสีของแบรนด์
เมื่อรวมกันแล้ว สิ่งเหล่านี้จะทำให้คุณมีชุดสีเริ่มต้นที่ใช้งานได้จริงจากสีของแบรนด์: สเกลสำหรับสีกลางและเฉดสีของคุณ และความกลมกลืนสำหรับการเน้นเสียงและไฮไลท์ โดยไม่ต้องเดารหัสเลขฐานสิบหกด้วยมือ
ป้อนสีพื้นฐานด้วยตัวเลือกสวอตช์หรือเลขฐานสิบหก จากนั้นพาเล็ตจะอัปเดตทันทีเพื่อให้คุณสามารถสำรวจรูปแบบต่างๆ ได้อย่างรวดเร็ว
คำถามที่พบบ่อย
สเกลสร้างอย่างไร?
เก็บ hue และ saturation พื้นฐานและกระจาย lightness จากอ่อนถึงเข้ม ให้ tints และ shades ที่สม่ำเสมอ คล้ายสเกลสีของ design system
สี complementary, analogous และ triadic คืออะไร?
เป็นความสัมพันธ์ color-harmony ตามการหมุน hue: complementary คือตรงข้าม analogous คือใกล้เคียง และ triadic คือห่างเท่าๆ กันรอบวงล้อ
มีการอัปโหลดอะไรไหม?
ไม่ palette ถูกคำนวณทั้งหมดในเบราว์เซอร์ของคุณจากสีที่คุณป้อน