เครื่องมือสี

สร้าง CSS Gradient: Linear, Radial และ Conic – ฟรี

ฟรี ไม่ต้องสมัครสมาชิก ใช้งานในเบราว์เซอร์ได้เลย ออกแบบการไล่สีแบบ linear, radial หรือ conic ได้สูงสุด 8 จุดสี ดูผลแบบเรียลไทม์ และคัดลอก CSS ไปใช้ ดาวน์โหลดเป็นพื้นหลัง PNG ในขนาดที่ใช้บ่อยได้

ประเภท

จุดสี

CSS

background: #ff7ac6;
background: linear-gradient(135deg, #ff7ac6 0%, #ffe14d 100%);

บรรทัดแรกเป็นสีทึบสำหรับอุปกรณ์รุ่นเก่ามากที่แสดงการไล่สีไม่ได้

เริ่มจากค่าสำเร็จรูป

สร้างบนอุปกรณ์ของคุณ

ทำไมต้องใช้ สร้าง CSS Gradient

ฟรี 100%
ใช้ได้บ่อยเท่าที่ต้องการ ไม่ต้องสมัครสมาชิก ไม่มีลายน้ำ ไม่ต้องติดตั้งอะไร
ออกแบบมาเพื่อความเป็นส่วนตัว
สิ่งที่คุณพิมพ์จะอยู่ในเบราว์เซอร์ของคุณและจะไม่ถูกส่งมาที่เรา
ใช้ได้กับทุกอุปกรณ์
ทำงานในเบราว์เซอร์บน Windows, Mac, Linux, Android และ iPhone ไม่ต้องลงแอป

วิธีใช้ สร้าง CSS Gradient

  1. เลือก linear, radial หรือ conic แล้วตั้งทิศทาง
  2. เลือกสีและลากแต่ละจุดสีไปยังตำแหน่งที่ต้องการ
  3. คัดลอก CSS หรือดาวน์โหลดการไล่สีเป็นรูปภาพ

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

ใช้ CSS อย่างไร
วางลงในกฎของ element ที่คุณต้องการใส่สี บรรทัดแรกเป็นสีพื้นสำรอง บรรทัดที่สองคือการไล่สี
linear, radial และ conic ต่างกันอย่างไร
linear ไล่สีตามเส้นตรง radial กระจายออกจากจุดกึ่งกลาง และ conic กวาดรอบจุดกึ่งกลางเหมือนวงล้อสี
ใช้ความโปร่งใสได้ไหม
ได้ พิมพ์สี เช่น rgba(47, 91, 255, 0.5) ลงในจุดสี
มีอะไรถูกอัปโหลดไหม
ไม่ การไล่สีถูกสร้างบนอุปกรณ์ของคุณ
สร้าง CSS Gradient ใช้ฟรีไหม
ใช่ ใช้งานได้ฟรี ไม่ต้องสมัครสมาชิกและไม่ต้องติดตั้งอะไร

ความช่วยเหลือและคู่มือการใช้งาน (ภาษาอังกฤษ)

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