Question 1

สร้างพาเลตสีอย่างไร?

Accepted Answer

คลิกปุ่มสร้างหรือกดเว้นวรรคเพื่อสร้างพาเลตสีแบบสุ่มใหม่ ใช้ตัวเลือกโหมดความกลมกลืนเพื่อเลือกระหว่างโทนสีเดี่ยว คล้ายคลึง เสริม สามสี แยกเสริม หรือสี่สี

Question 2

ล็อกสีที่ชอบอย่างไร?

Accepted Answer

คลิกไอคอนแม่กุญแจบนตัวอย่างสี สีที่ล็อกจะยังคงอยู่เมื่อสร้างพาเลตใหม่ ในขณะที่สีที่ไม่ล็อกจะถูกแทนที่

Question 3

ส่งออกพาเลตอย่างไร?

Accepted Answer

คลิกปุ่มส่งออกเพื่อเลือกระหว่างตัวแปร CSS, การตั้งค่า Tailwind, อาร์เรย์ JSON หรือพาเลต SVG พาเลตจะถูกคัดลอกไปยังคลิปบอร์ดโดยอัตโนมัติ

Question 4

โหมดความกลมกลืนต่างกันอย่างไร?

Accepted Answer

โมโนโครมาติกใช้สีเดียวกันแต่เปลี่ยนความอิ่มตัวและความสว่าง อะนาล็อกัสใช้สีที่อยู่ติดกัน (±30°) คอมพลีเมนทารีใช้สีตรงข้าม (180°) ไทรแอดิกใช้ 3 สีห่างกันเท่าๆ กัน (120°) สปลิตคอมพลีเมนทารีใช้สีหลักบวกสีสองสีข้างๆ สีเสริม เตตราดิกใช้ 4 สีห่างกันเท่าๆ กัน (90°)

Question 5

สร้างพาเลตโดยใช้สีแบรนด์เป็นตัวตั้งได้ไหม

Accepted Answer

ได้ เลือกสีแบรนด์จากตัวเลือกสีหลัก แล้วเลือกโหมดกลมกลืน สีอีกสี่สีจะถูกสร้างรอบสีนั้น จากนั้นยังปรับละเอียดทีละสีด้วยแถบเลื่อน HSL ได้อีก

Question 6

รองรับการส่งออกเป็นรูปแบบใดบ้าง

Accepted Answer

ส่งออกพาเลตเป็นตัวแปร CSS การตั้งค่า Tailwind อาร์เรย์ JSON หรือไฟล์ SVG ได้ โค้ดตัวอย่างจะอัปเดตทันทีเมื่อเปลี่ยนรูปแบบ พร้อมก๊อปไปวางในโปรเจกต์เลย

Question 7

ดูค่าสีเป็น HEX, RGB หรือ HSL ได้ไหม

Accepted Answer

ได้ ค่าของแต่ละสีสลับดูได้ระหว่าง HEX, RGB และ HSL ได้รูปแบบที่เครื่องมือออกแบบหรือโค้ดต้องการทันที ไม่ต้องแปลงเอง

Question 8

ป้ายเล็ก ๆ บนแต่ละสีหมายถึงอะไร

Accepted Answer

มันบอกว่าตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบนสีนั้น เมื่ออัตราส่วนความตัดกันถึง 4.5:1 ป้ายจะแสดงผ่านตามแนวทาง WCAG มีประโยชน์ตอนเลือกสีพื้นปุ่มหรือแบนเนอร์

Question 9

พาเลตของฉันถูกอัปโหลดไปเซิร์ฟเวอร์ไหม

Accepted Answer

ไม่ ทุกอย่างทำงานในเบราว์เซอร์ของคุณเท่านั้น สีจะไม่ออกจากเครื่องเลย โหลดหน้าเสร็จแล้วแม้ offline ก็ใช้ต่อได้

เครื่องมือสร้างพาเลตสี

วิธีใช้ เครื่องมือสร้างพาเลตสี