วิธีสร้างพาเลตไล่เฉดสี
เลือกสีเริ่มต้นและสีสุดท้าย โดยพิมพ์โค้ดหรือเลือกจากตัวเลือกสี แล้วกำหนดจำนวนเฉดที่ต้องการระหว่างสองสี ตั้งแต่ 3 ถึง 12 สีกลางจะคำนวณในปริภูมิสีที่จำลองการมองเห็นของมนุษย์ (OKLab) ขั้นระหว่างเฉดจึงดูสม่ำเสมอ และไม่เกิดสีเทาหม่นตรงกลาง
พาเลตไล่เฉดสี หรือเกรเดียนต์แบบต่อเนื่อง
เครื่องมือนี้ให้สีแยกกันทีละสี แต่ละสีมีโค้ดของตัวเอง ใช้ได้ทีละสี: ในสเกลของ Tailwind ในกราฟ ในงานนำเสนอ หรือในส่วนต่าง ๆ ของเว็บไซต์ หากต้องการพื้นหลังที่ไล่จากสีหนึ่งไปอีกสีอย่างต่อเนื่อง ให้ใช้เครื่องมือสร้างเกรเดียนต์ CSS
คำถามที่พบบ่อย
พาเลตไล่เฉดสีคืออะไร
คือชุดสีที่ค่อย ๆ ไล่จากสีหนึ่งไปสู่อีกสีหนึ่ง เช่น จากชมพูไปฟ้าใสใน 7 ขั้น แต่ละสีมีโค้ด HEX ของตัวเองและใช้แยกกันได้
พาเลตมีได้กี่สี
ตั้งแต่ 3 ถึง 12 สี ถ้ามีสีน้อย การเปลี่ยนแต่ละขั้นจะชัดเจนขึ้น ถ้ามีสีมาก การไล่เฉดจะนุ่มนวลกว่าและมีเฉดให้เลือกมากขึ้น
ส่งออกเป็นรูปแบบไหนได้บ้าง
เป็นตัวแปร CSS พร้อมเกรเดียนต์สำเร็จรูป รายการโค้ด HEX การตั้งค่า Tailwind, JSON, SVG หรือรูปภาพ PNG และยังเปิดในเครื่องมือสร้างพาเลตเพื่อแก้ไขต่อได้ด้วย
ทำไมเฉดกลางจึงไม่ดูเป็นสีเทา
เพราะการผสมสีคำนวณใน OKLab ซึ่งเป็นปริภูมิสีที่ออกแบบตามการมองเห็นของมนุษย์ การผสมตรง ๆ ใน RGB ระหว่างสีตรงข้าม เช่น ชมพูกับเขียว จะผ่านโทนหม่น ส่วนใน OKLab การไล่สีจะสะอาดและสม่ำเสมอกว่า
แชร์พาเลตของฉันได้ไหม
ได้ ที่อยู่ของหน้าเก็บทั้งสองสีและจำนวนเฉดไว้ เพียงคัดลอกแล้วส่งไป
ต่างจากเครื่องมือสร้างเกรเดียนต์อย่างไร
เครื่องมือสร้างเกรเดียนต์สร้างพื้นหลังแบบต่อเนื่องใน CSS ส่วนเครื่องมือนี้ให้สีแยกกันที่อยู่ระหว่างสองสี เพื่อให้คุณนำไปใช้ได้ทีละสี
ใช้ฟรีหรือเปล่า
ฟรี ไม่ต้องสมัครสมาชิก และไม่จำกัด บันทึกเกรเดียนต์ที่ชอบได้ด้วยปุ่มหัวใจ ซึ่งจะเก็บไว้ในเบราว์เซอร์นี้