เครื่องสร้างเกรดียนต์

วิธีใช้เครื่องมือไล่สี - สร้างจุดไล่สี, ปรับแต่ง, คัดลอก CSS

จุดไล่สี 2-6 จุด พร้อมตำแหน่งที่ปรับแต่งได้, การแทรกสีด้วย OKLCH ที่ไม่มีแถบสีเบลอ, พร้อมทั้งพรีเซ็ตที่คัดสรรมาอย่างดี 48 แบบ

1. 01

   สร้างจุดไล่สี

   จุดไล่สี 2-6 จุด: เลือกสีแต่ละจุด, ลากตำแหน่ง, หรือวางค่า HEX

2. 02

   ปรับแต่ง

   สลับระหว่าง linear/radial/conic, ลากมุม - หรือใช้พรีเซ็ตที่คัดสรรมาอย่างดีด้วยคลิกเดียว

3. 03

   คัดลอก

   โหมด Smooth จะขยายจุดกึ่งกลาง OKLCH โดยอัตโนมัติ; CSS ที่คัดลอกมาพร้อมใช้งาน และลิงก์จะนำไปยังไล่สีของคุณ

คำถามที่พบบ่อยเกี่ยวกับไล่สี

คำถามสี่ข้อที่ผู้ใช้ถามจริง

ทำไมไล่สีถึงกลายเป็นสีเทาตรงกลาง

การแทรกค่า RGB จะผ่านบริเวณที่มีความอิ่มตัวต่ำ การแทรกค่า OKLCH จะเคลื่อนที่ตามโทนสี ทำให้สีตรงกลางยังคงสะอาด

ฉันสามารถเพิ่มจุดหยุดเพิ่มได้หรือไม่

ได้ - จุดหยุด 2 ถึง 6 จุด แต่ละจุดมีสีและตำแหน่งของตัวเอง โหมด Smooth จะแทรกจุดกึ่งกลาง OKLCH ระหว่างจุดที่อยู่ติดกัน ทำให้ไล่สีทั้งหมดยังคงสะอาด

เบราว์เซอร์ใดบ้างที่รัน CSS ที่ส่งออกมา

เบราว์เซอร์สมัยใหม่ทั้งหมด เครื่องมือนี้ส่งออกจุดหยุด RGB แบบธรรมดา จึงไม่จำเป็นต้องแปลงแม้แต่กับเอ็นจิ้นรุ่นเก่า

ฉันจะแชร์ไล่สีได้อย่างไร

การปรับแต่งทุกอย่างจะซิงค์กับ URL ของหน้า (#g=...) ส่งลิงก์จากแถบที่อยู่ให้เพื่อนร่วมงาน แล้วจะเปิดตรงตามที่คุณปรับแต่งไว้

หลังจากที่คุณได้ผลลัพธ์แล้ว

ดำเนินต่อไปจากที่นี่และนำสีไปใช้งาน