ข้ามไปยังเครื่องมือเลือกสี

ไล่สีจาก สีไซแอน ไป สีส้ม

การไล่สีจาก สีไซแอน ไป สีส้ม แบบนุ่มนวลใน CSS ผสมใน OKLab ตรงกลางจึงยังสดใส เปลี่ยนมุม เพิ่มสี แล้วคัดลอกโค้ดได้

สี

ผสมใน

OKLab ทำให้ตรงกลางยังสดใส ส่วน sRGB เป็นวิธีผสมของเบราว์เซอร์รุ่นเก่า และมักกลายเป็นสีเทาตรงกลาง

แบบ
90°

CSS

background: linear-gradient(90deg, #00ffff, #67f6e8, #8eecd1, #a9e2ba, #c0d7a1, #d3cc88, #e3c06c, #f2b349, #ffa500);
background: linear-gradient(90deg in oklab, #00ffff, #ffa500);

Tailwind CSS v4

bg-linear-90/oklab from-[#00ffff] to-[#ffa500]

สีตลอดแนวการไล่สี

7

สีไซแอน และ สีส้ม ผสมกันอย่างไรในแต่ละปริภูมิสี

สีสองสีเดียวกันให้สีตรงกลางต่างกัน ขึ้นอยู่กับปริภูมิที่เบราว์เซอร์ใช้ผสม ด้านล่างคือสีที่ตำแหน่ง 50% พอดี สองสีนี้ผสมกันแทบเหมือนกันในทุกปริภูมิ: สีตรงกลางคือ #c0d7a1 ใน OKLab และ #80d280 ใน sRGB จะเลือกแบบไหนก็ได้

ผสมในตัวอย่างการไล่สีสีตรงกลางความสว่างความสด
OKLab#c0d7a184.9%0.077
OKLCH#a3e46f84.9%0.163
sRGB#80d28079.1%0.14
LCH#83e56b83.6%0.185
HSL#2dff0086.9%0.291

คำถามเกี่ยวกับการไล่สีนี้

ทำการไล่สีจาก สีไซแอน ไป สีส้ม ใน CSS อย่างไร

ใช้ background: linear-gradient(90deg in oklab, #00ffff, #ffa500) และเพิ่มบรรทัดแบบ sRGB ไว้ก่อนหน้าสำหรับเบราว์เซอร์ที่เก่ามาก การผสมใน OKLab ใช้ได้กับเบราว์เซอร์ปัจจุบันทุกตัว

สีที่อยู่กึ่งกลางระหว่าง สีไซแอน กับ สีส้ม คือสีอะไร

เมื่อผสมใน OKLab สีกึ่งกลางระหว่าง สีไซแอน กับ สีส้ม คือ #c0d7a1 ส่วนการผสมใน sRGB ปกติได้ #80d280

ทำการไล่สีจาก สีไซแอน ไป สีส้ม ใน Tailwind CSS อย่างไร

ใน Tailwind CSS v4 ใช้คลาส bg-linear-90/oklab from-[#00ffff] to-[#ffa500]

การไล่สียอดนิยม