Gradient Forge

สร้างไล่สี CSS แบบเห็นภาพ

ออกแบบไล่สีสวยงามด้วยเครื่องมือแก้ไขแบบเห็นภาพที่ใช้งานง่าย สร้างไล่สีแบบเส้นตรง วงกลม และกรวย คัดลอกโค้ด CSS ได้ทันที

135°
90°180°270°360°

จุดสี

0%
100%

โค้ด CSS

background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

เทมเพลตไล่สี

วิธีสร้างไล่สี CSS

1

1. เลือกประเภทไล่สี

เลือกระหว่างไล่สีแบบเส้นตรง วงกลม หรือกรวย ปรับมุมหรือทิศทางเพื่อควบคุมการไหลของไล่สีตามต้องการ

2

2. ปรับแต่งสี

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

3

3. คัดลอก CSS

คัดลอกโค้ด CSS ที่สร้างขึ้นด้วยคลิกเดียวแล้ววางลงใน stylesheet ของคุณโดยตรง ใช้งานได้กับเบราว์เซอร์สมัยใหม่ทั้งหมดโดยไม่ต้องใช้ prefix

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

ตัวสร้างไล่สี CSS นี้ใช้ฟรีหรือไม่?

ใช่ ฟรี 100% ไม่มีข้อจำกัด สร้างไล่สีได้มากเท่าที่ต้องการโดยไม่ต้องสมัครสมาชิกหรือมีข้อจำกัดใดๆ

รองรับไล่สีประเภทอะไรบ้าง?

เรารองรับไล่สีแบบเส้นตรงที่ปรับมุมได้ ไล่สีแบบวงกลม และไล่สีแบบกรวย แต่ละประเภทสามารถมีจุดสีหลายจุดเพื่อสร้างการผสมผสานที่ซับซ้อน

โค้ด CSS ใช้งานได้กับทุกเบราว์เซอร์หรือไม่?

ใช่ ไล่สีทุกประเภทที่เราสร้างรองรับเบราว์เซอร์สมัยใหม่รวมถึง Chrome, Firefox, Safari และ Edge โดยไม่ต้องใช้ vendor prefix

ข้อมูลของฉันปลอดภัยหรือไม่?

แน่นอน ทุกอย่างทำงานในเบราว์เซอร์ของคุณโดยตรง ไม่มีข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์ใดๆ

สำรวจเครื่องมืออื่นๆ

ดาวน์โหลดปกคลิป YouTube

ดาวน์โหลดปกคลิป YouTube คุณภาพสูง (1080p) ทันที

ตัวสร้างโค้ดฝัง YouTube

สร้างโค้ดฝัง YouTube แบบรีสปอนซิฟพร้อมตัวอย่างสด

ตัวสร้าง QR Code

สร้าง QR Code สำหรับ URL, ข้อความ, WiFi และอีเมล ดาวน์โหลดเป็น PNG หรือ SVG

ตัวสร้างรหัสผ่าน

สร้างรหัสผ่านแบบสุ่มทันที ปลอดภัยด้วยการเข้ารหัส

ตัวจัดรูปแบบ JSON

จัดรูปแบบ ตรวจสอบ และทำให้ข้อมูล JSON สวยงามพร้อมการไฮไลท์ไวยากรณ์

บีบอัดรูปภาพ

บีบอัดรูปภาพออนไลน์โดยไม่สูญเสียคุณภาพ รองรับ JPEG, PNG และ WebP

ตัวเข้ารหัส/ถอดรหัส Base64

เข้ารหัสและถอดรหัส Base64 ทันที แปลงข้อความและไฟล์เป็น Base64

ตัวสร้างชุดสี

สร้างชุดสีสวยงามด้วยโหมดฮาร์โมนี ดึงสีจากรูปภาพ