ไล่สีจาก สีม่วงไวโอเล็ต ไป สีเขียวหัวเป็ด
การไล่สีจาก สีม่วงไวโอเล็ต ไป สีเขียวหัวเป็ด แบบนุ่มนวลใน CSS ผสมใน OKLab ตรงกลางจึงยังสดใส เปลี่ยนมุม เพิ่มสี แล้วคัดลอกโค้ดได้
สี
OKLab ทำให้ตรงกลางยังสดใส ส่วน sRGB เป็นวิธีผสมของเบราว์เซอร์รุ่นเก่า และมักกลายเป็นสีเทาตรงกลาง
CSS
background: linear-gradient(90deg, #ee82ee, #d885e0, #c286d2, #ac87c4, #9587b6, #7d86a8, #62859b, #42838d, #008080);
background: linear-gradient(90deg in oklab, #ee82ee, #008080);Tailwind CSS v4
bg-linear-90/oklab from-[#ee82ee] to-[#008080]สีตลอดแนวการไล่สี
สีม่วงไวโอเล็ต และ สีเขียวหัวเป็ด ผสมกันอย่างไรในแต่ละปริภูมิสี
สีสองสีเดียวกันให้สีตรงกลางต่างกัน ขึ้นอยู่กับปริภูมิที่เบราว์เซอร์ใช้ผสม ด้านล่างคือสีที่ตำแหน่ง 50% พอดี สองสีนี้ผสมกันแทบเหมือนกันในทุกปริภูมิ: สีตรงกลางคือ #9587b6 ใน OKLab และ #7781b7 ใน sRGB จะเลือกแบบไหนก็ได้
| ผสมใน | ตัวอย่างการไล่สี | สีตรงกลาง | ความสว่าง | ความสด |
|---|---|---|---|---|
| OKLab | #9587b6 | 65.3% | 0.071 | |
| OKLCH | #5e8ee4 | 65.3% | 0.139 | |
| sRGB | #7781b7 | 61.7% | 0.083 | |
| LCH | #3a94e1 | 64.9% | 0.143 | |
| HSL | #0f0fe9 | 43% | 0.287 |
คำถามเกี่ยวกับการไล่สีนี้
ทำการไล่สีจาก สีม่วงไวโอเล็ต ไป สีเขียวหัวเป็ด ใน CSS อย่างไร
ใช้ background: linear-gradient(90deg in oklab, #ee82ee, #008080) และเพิ่มบรรทัดแบบ sRGB ไว้ก่อนหน้าสำหรับเบราว์เซอร์ที่เก่ามาก การผสมใน OKLab ใช้ได้กับเบราว์เซอร์ปัจจุบันทุกตัว
สีที่อยู่กึ่งกลางระหว่าง สีม่วงไวโอเล็ต กับ สีเขียวหัวเป็ด คือสีอะไร
เมื่อผสมใน OKLab สีกึ่งกลางระหว่าง สีม่วงไวโอเล็ต กับ สีเขียวหัวเป็ด คือ #9587b6 ส่วนการผสมใน sRGB ปกติได้ #7781b7
ทำการไล่สีจาก สีม่วงไวโอเล็ต ไป สีเขียวหัวเป็ด ใน Tailwind CSS อย่างไร
ใน Tailwind CSS v4 ใช้คลาส bg-linear-90/oklab from-[#ee82ee] to-[#008080]
การไล่สียอดนิยม
- ไล่สีจาก สีเขียวหัวเป็ด ไป สีม่วงไวโอเล็ต
- ไล่สีจาก สีม่วงไวโอเล็ต ไป สีแดง
- ไล่สีจาก สีม่วงไวโอเล็ต ไป สีส้ม
- ไล่สีจาก สีม่วงไวโอเล็ต ไป สีทอง
- ไล่สีจาก สีม่วงไวโอเล็ต ไป สีเหลือง
- ไล่สีจาก สีม่วงไวโอเล็ต ไป สีเขียว
- ไล่สีจาก สีม่วงไวโอเล็ต ไป สีไซแอน
- ไล่สีจาก สีม่วงไวโอเล็ต ไป สีน้ำเงิน
- ไล่สีจาก สีม่วงไวโอเล็ต ไป สีกรมท่า
- ไล่สีจาก สีม่วงไวโอเล็ต ไป สีม่วง
- ไล่สีจาก สีม่วงไวโอเล็ต ไป สีชมพู