ImgImage

ภาพไล่ระดับสี

พื้นหลังไล่ระดับสีแบบเชิงเส้น รัศมี และกรวย

  กำลังโหลดเครื่องมือ…

วิธีใช้ ภาพไล่ระดับสี

  1. ตั้งค่าตามที่ต้องการ
  2. ดูตัวอย่างอัปเดตทันทีเมื่อคุณปรับ
  3. ดาวน์โหลดผลลัพธ์

เกี่ยวกับเครื่องมือนี้

ออกแบบการไล่ระดับสีแบบเชิงเส้น รัศมี และกรวย ด้วยจุดสีสองถึงห้าจุด แล้วดาวน์โหลดเป็นภาพขนาดใดก็ได้ เริ่มจากพรีเซ็ต แล้วปรับมุม จุดศูนย์กลาง และสีและตำแหน่งของแต่ละจุด

CSS ที่ตรงกันแสดงใต้ตัวอย่าง คุณจึงใช้การไล่ระดับสีเดียวกันบนเว็บไซต์ได้ การไล่ระดับสีแบบเชิงเส้นและรัศมีบันทึกเป็น SVG ได้ด้วย ซึ่งเรียบทุกขนาด

  • ทำงานบนอุปกรณ์ของคุณ ไม่มีการอัปโหลดใดๆ
  • ฟรี ไม่ต้องสมัครสมาชิก และไม่มีลายน้ำ
  • ไม่จำกัดจำนวนหรือขนาดไฟล์ นอกจากข้อจำกัดของอุปกรณ์ของคุณ

คำถามและคำตอบ

ภาพตรงกับ CSS เป๊ะหรือไม่

ใช่ มุม จุดศูนย์กลาง และขนาดการไล่ระดับสีเริ่มต้นเป็นไปตามกฎเดียวกับ CSS ภาพ 1920 × 1080 จึงดูเหมือนการไล่ระดับสี CSS บนกล่องขนาดนั้น

ดิเทอร์ทำอะไร

การไล่ระดับสีที่เรียบอาจเห็นเป็นขั้น เรียกว่าแถบสี เพราะแต่ละแชนเนลมีเพียง 256 ระดับ ดิเทอร์เพิ่มสัญญาณรบกวนละเอียดมากที่ซ่อนขั้นเหล่านั้น ทำให้ไฟล์ PNG ใหญ่ขึ้นมาก จึงใช้เป็นหลักกับ JPG และ WebP

ทำไมบันทึกการไล่ระดับสีแบบกรวยเป็น SVG ไม่ได้

SVG ไม่มีชนิดการไล่ระดับสีแบบกรวย บันทึกการไล่ระดับสีแบบกรวยเป็น PNG, JPG หรือ WebP แทน

ภาพไล่ระดับสี ใช้ฟรีหรือไม่

ใช่ ทุกเครื่องมือบน ImgImage ใช้ฟรี ไม่ต้องสมัครสมาชิก ไม่มีลายน้ำ และไม่จำกัดจำนวนไฟล์ที่ประมวลผล

ใช้บนโทรศัพท์ได้ไหม

ได้ ใช้ได้ในเบราว์เซอร์รุ่นใหม่ทุกตัวบนโทรศัพท์ แท็บเล็ต และคอมพิวเตอร์ ไฟล์ขนาดใหญ่จะประมวลผลเร็วกว่าบนคอมพิวเตอร์

เครื่องมือที่เกี่ยวข้อง

ค้นหาเครื่องมือ