สร้างการไล่สี CSS
สร้างการไล่สีที่นุ่มนวลใน OKLab หรือ OKLCH โดยไม่มีช่วงสีเทาหม่นตรงกลางแบบ RGB คัดลอก CSS หรือคลาส Tailwind ได้
สี
ผสมใน
OKLab ทำให้ตรงกลางยังสดใส ส่วน sRGB เป็นวิธีผสมของเบราว์เซอร์รุ่นเก่า และมักกลายเป็นสีเทาตรงกลาง
แบบ
CSS
background: linear-gradient(90deg, #ff5733, #ec6659, #d87075, #c3788d, #ae7ea4, #9781b9, #7e83ce, #6183e2, #3b82f6);
background: linear-gradient(90deg in oklab, #ff5733, #3b82f6);Tailwind CSS v4
bg-linear-90/oklab from-[#ff5733] to-[#3b82f6]สีตลอดแนวการไล่สี
การไล่สียอดนิยม
- ไล่สีจาก สีน้ำเงิน ไป สีม่วง
- ไล่สีจาก สีชมพู ไป สีส้ม
- ไล่สีจาก สีม่วง ไป สีชมพู
- ไล่สีจาก สีเขียวหัวเป็ด ไป สีน้ำเงิน
- ไล่สีจาก สีส้ม ไป สีเหลือง
- ไล่สีจาก สีกรมท่า ไป สีเขียวหัวเป็ด
- ไล่สีจาก สีแดง ไป สีส้ม
- ไล่สีจาก สีเขียว ไป สีน้ำเงิน
- ไล่สีจาก สีดำ ไป สีขาว
- ไล่สีจาก สีปะการัง ไป สีทอง
- ไล่สีจาก สีไซแอน ไป สีบานเย็น
- ไล่สีจาก สีม่วงไวโอเล็ต ไป สีน้ำเงิน