เครื่องมือไล่สีส่วนใหญ่ให้แค่โค้ด CSS มาให้เท่านั้น แต่เครื่องมือนี้จะวาดไล่สีลงบน canvas จริง แล้วให้คุณดาวน์โหลดไฟล์ PNG ที่เสร็จสมบูรณ์ในขนาดพิกเซลที่ต้องการเป๊ะ ไม่ว่าจะเป็นวอลเปเปอร์มือถือ พื้นหลังเดสก์ท็อปขนาด 1920x1080 โพสต์โซเชียลทรงสี่เหลี่ยมจัตุรัส หรือขนาดที่กำหนดเอง ไม่มีการอัปโหลดใดๆ ทั้งสิ้น ภาพจะถูกวาดและบันทึกทั้งหมดบนอุปกรณ์ของคุณ ทำให้สีและไฟล์ของคุณเป็นส่วนตัวเสมอ
เครื่องมือสร้างไล่สีฟรี
ทำงานในเบราว์เซอร์ทั้งหมด ไม่ต้องอัปโหลด ไม่ต้องสมัครสมาชิก
ประเภท
ขนาดภาพ
px
จุดไล่สี
จะบันทึกเป็น PNG ขนาดจริงที่ 1920×1080 px
เครื่องมือสร้างไล่สีคืออะไร?
เครื่องมือสร้างไล่สีคือเครื่องมือที่ผสมสีตั้งแต่สองสีขึ้นไปให้ไล่เฉดกันอย่างนุ่มนวล แล้วส่งออกเป็นภาพให้ดาวน์โหลดได้ เลือกสีและจุดไล่สี เลือกแบบเส้นตรงหรือแบบรัศมี กำหนดขนาด แล้วบันทึกเป็น PNG สำหรับทำวอลเปเปอร์ พื้นหลัง แบนเนอร์ หรือภาพขนาดย่อ ทุกอย่างทำงานอยู่ในเบราว์เซอร์ของคุณ
วิธีใช้งาน
- 1เลือกแบบเส้นตรงหรือแบบรัศมี. แบบเส้นตรงจะผสมสีไปตามเส้นตรงในมุมที่คุณตั้งไว้ ส่วนแบบรัศมีจะกระจายสีออกจากจุดศูนย์กลางเป็นวงกลม
- 2ตั้งค่าสีและจุดไล่สี. คลิกที่ตัวอย่างสีเพื่อเลือกสี แล้วลากแถบเลื่อนเพื่อขยับตำแหน่งจุดไล่สี เพิ่มจุดไล่สีได้สูงสุด 8 จุด หรือลดเหลือขั้นต่ำ 2 จุด และกดปุ่มสุ่มเพื่อหาไอเดียเร็วๆ
- 3เลือกขนาดภาพ. แตะค่าที่ตั้งไว้ล่วงหน้า (เดสก์ท็อป มือถือ สี่เหลี่ยมจัตุรัส โซเชียล) หรือพิมพ์ความกว้างและความสูงเป็นพิกเซลเอง ตัวอย่างจะอัปเดตแบบเรียลไทม์
- 4ดาวน์โหลด PNG. คลิก 'ดาวน์โหลด PNG' เพื่อบันทึกไล่สีเป็นภาพในความละเอียดเต็ม หรือคัดลอกโค้ด CSS เพื่อนำไล่สีเดียวกันไปใช้ซ้ำในโค้ด
เหมาะกับใคร
- ดีไซเนอร์และครีเอเตอร์เนื้อหาที่ต้องการภาพพื้นหลังไล่สีสวยๆ สำหรับสไลด์ ภาพขนาดย่อ แบนเนอร์ หรือสตอรี่ โดยไม่ต้องเปิด Photoshop
- ผู้ใช้มือถือและเดสก์ท็อปที่อยากทำวอลเปเปอร์ไล่สีแบบกำหนดเองให้พอดีกับความละเอียดหน้าจอของตัวเอง
- นักพัฒนาที่ต้องการภาพ PNG ไล่สีขนาดเบาไว้ทำ placeholder หรือภาพหลัก พร้อมโค้ด CSS ที่ตรงกันไว้ใช้ในโค้ดจริง
- ผู้ดูแลโซเชียลมีเดียที่ต้องการส่งออกพื้นหลังไล่สีให้ตรงกับแบรนด์ ในขนาดที่พอดีกับโพสต์ สตอรี่ และภาพปก
คำถามที่พบบ่อย
เครื่องมือสร้างไล่สีนี้ฟรีไหม?
ใช่ ฟรี 100% ไม่ต้องสมัครสมาชิก ไม่มีลายน้ำ และไม่มีการจำกัดจำนวน สร้างและดาวน์โหลดภาพไล่สีได้มากเท่าที่ต้องการ
มีการอัปโหลดข้อมูลไปเซิร์ฟเวอร์หรือไม่?
ไม่มี ไล่สีจะถูกวาดและบันทึกทั้งหมดในเบราว์เซอร์ของคุณโดยใช้ canvas ไม่มีการส่งสี ภาพ หรือข้อมูลการใช้งานไปที่ใดเลย
ส่งออกเป็นไฟล์ภาพชนิดใด?
ส่งออกเป็น PNG ซึ่งทำให้ไล่สีคมชัดและไม่มีการสูญเสียคุณภาพ ไม่มีรอยแตกจากการบีบอัด ไฟล์จะถูกบันทึกตามขนาดพิกเซลเต็มที่คุณตั้งไว้ พร้อมใช้เป็นวอลเปเปอร์ พื้นหลัง หรืออัปโหลดได้ทันที
ควรทำวอลเปเปอร์ไล่สีขนาดเท่าไหร่?
ให้ตรงกับหน้าจอของคุณ ขนาดที่นิยมใช้คือ 1920x1080 สำหรับเดสก์ท็อปทั่วไป 1080x1920 สำหรับมือถือแนวตั้ง และ 1080x1080 สำหรับโพสต์โซเชียลทรงสี่เหลี่ยมจัตุรัส คุณยังกำหนดความกว้างและความสูงเองได้สูงสุดถึง 8000 พิกเซล
ไล่สีแบบเส้นตรงกับแบบรัศมีต่างกันอย่างไร?
ไล่สีแบบเส้นตรงจะผสมสีไปตามเส้นตรงในมุมที่คุณเลือก ทำให้สีเปลี่ยนไปทั่วทั้งภาพ ส่วนไล่สีแบบรัศมีจะเริ่มจากจุดศูนย์กลางแล้วกระจายออกเป็นวงกลม ทำให้สีเปลี่ยนจากตรงกลางไปยังขอบภาพ
ได้โค้ด CSS พร้อมกับภาพด้วยไหม?
ได้ นอกจากไฟล์ PNG ที่ดาวน์โหลดได้แล้ว เครื่องมือยังแสดงโค้ด background-image CSS ที่ตรงกันด้วย คัดลอกไปใช้เพื่อสร้างไล่สีแบบเดียวกันเป๊ะบนเว็บไซต์หรือแอปแทนการใช้ไฟล์ภาพ
จุดไล่สีทำงานอย่างไร?
จุดไล่สีแต่ละจุดจะจับคู่สีหนึ่งเข้ากับตำแหน่งตั้งแต่ 0% ถึง 100% บนไล่สี การผสมสีจะไล่ระดับอย่างนุ่มนวลระหว่างจุดที่อยู่ติดกัน หากวางจุดไล่สีสองจุดไว้ที่ตำแหน่งเดียวกัน จะเกิดขอบคมชัดแทนการไล่เฉด ซึ่งมีประโยชน์สำหรับทำลายทางหรือพื้นหลังแบบบล็อกสี