เครื่องมือสร้างพื้นหลังไล่สี (Gradient)
ผสมสี สร้างโค้ด CSS สวยๆ ได้ในคลิกเดียว
#FFD700
#FF8C00
🎨 วิธีใช้งานเครื่องมือสร้างพื้นหลังไล่สี
1. จับคู่สี
คลิกที่แถบสีทั้ง 2 ช่อง เพื่อเลือก สีเริ่มต้น และ สีปลายทาง ระบบจะแสดงรหัสสี (Hex Code) ให้ดูด้วย
2. ปรับทิศทาง
เลือกรูปแบบระหว่าง แนวเส้น (Linear) หรือ วงกลม (Radial) และหมุนแถบสไลด์เพื่อปรับองศาของสี
3. คิดไม่ออก? กดสุ่มเลย!
หากไม่รู้จะใช้สีอะไรดี ลองกดปุ่ม 🎲 สุ่มสีสวยๆ ระบบจะจับคู่สีใหม่ให้คุณทันที
4. นำไปใช้งาน
เมื่อได้สีที่ถูกใจแล้ว กดปุ่ม “คัดลอกโค้ด” แล้วนำไปวางในช่อง CSS หรือ Custom HTML บนเว็บไซต์ของคุณได้เลย
💡 ไอเดียการใช้: โค้ดที่ได้คือ
background: ...; คุณสามารถนำไปใช้เป็นพื้นหลังของ ปุ่มกด, ส่วนหัวเว็บไซต์ (Header) หรือ กรอบข้อความ เพื่อเพิ่มความสวยงามทันสมัย