เครื่องสร้างการไล่สี CSS

สร้าง CSS gradient แบบ linear, radial และ conic ในเบราว์เซอร์ของคุณ

ประเภทการไล่สี มุม (deg)

ตำแหน่ง X (%) ตำแหน่ง Y (%)

จุดหยุดสี

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

พร้อม

การประมวลผลในเครื่องบนเบราว์เซอร์

การไล่ระดับสีของคุณจะอยู่ในเบราว์เซอร์นี้เท่านั้น ไม่มีการส่งสีหรือ CSS ที่สร้างขึ้นไปยัง Convertr

ไวยากรณ์นำเข้าที่จำกัด

การนำเข้ารองรับ linear-gradient(), radial-gradient() หรือ conic-gradient() พร้อมสี hex และเปอร์เซ็นต์ การประกาศ, URLs, ตัวแปร และฟังก์ชันที่ไม่รู้จักจะถูกปฏิเสธในเครื่อง

การสำรองที่เข้าถึงได้

CSS ที่สร้างขึ้นประกอบด้วยสีพื้นหลังทึบเป็นตัวสำรองควบคู่กับเกรเดียนต์สำหรับเรนเดอร์ที่ไม่รองรับและส่วนควบคุมที่เข้าถึงได้

คำถามที่พบบ่อย

เกรเดียนต์ของฉันถูกอัปโหลดหรือไม่?

ไม่ สถานะเกรเดียนต์ สี CSS ที่นำเข้า และ CSS ที่สร้างขึ้นจะอยู่ในเบราว์เซอร์ของคุณ

รองรับประเภทการไล่สี CSS แบบใดบ้าง

ตัวสร้างจะสร้างเอาต์พุต linear-gradient(), radial-gradient() และ conic-gradient() พร้อมจุดหยุดสี hex หลายจุด

นำเข้าอะไรได้บ้าง

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

เครื่องมือนักพัฒนาและออกแบบที่เกี่ยวข้อง

เครื่องมือสำหรับนักพัฒนาเรียกดูยูทิลิตี้เบราว์เซอร์ ตัวแปลงสี CSSแปลงสี CSS คอมไพเลอร์ SCSSคอมไพล์ Sass/SCSS snippets ออนไลน์ เครื่องย่อ CSSบีบอัดโค้ด CSS ในเบราว์เซอร์ของคุณ เครื่องมือเลือกสีจากรูปภาพเลือกสีจากภาพในเครื่อง