ไล่เฉดสีเชิงเส้น สีรุ้งจากม่วงถึงส้ม

ไล่เฉดสีเชิงเส้น 32 สี มุม 135°: #29163d, #792ec1, #00bbf0, #a1db5b, #ff6252 แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

คีย์เฟรม OKLCH ที่แก้ไขได้ 4 อัน

#29163d
#2e1846
#361b52
#401d61
#4b1f71
#582184
#642497
#7028ac
#792ec1
#7f37d7
#7f43ec
#7853ff
#696eff
#5884ff
#3f99ff
#00abfe
#00bbf0
#00c9e6
#00d5db
#00dfcc
#00e7b7
#4de89d
#7de47f
#a1db5b
#bfce2d
#d6bd00
#e5ad00
#f09b00
#fa8800
#ff7726
#ff6b41
#ff6252

CSS

background: linear-gradient(135deg in oklch, oklch(24.80% 0.0730 303.75) 0.0%, oklch(26.63% 0.0835 303.52) 3.2%, oklch(28.99% 0.0982 303.85) 6.5%, oklch(31.79% 0.1160 304.47) 9.7%, oklch(34.92% 0.1358 305.10) 12.9%, oklch(38.30% 0.1565 305.45) 16.1%, oklch(41.82% 0.1772 305.25) 19.4%, oklch(45.38% 0.1966 304.21) 22.6%, oklch(48.89% 0.2136 302.05) 25.8%, oklch(52.24% 0.2273 298.49) 29.0%, oklch(55.34% 0.2365 293.24) 32.3%, oklch(58.24% 0.2404 286.04) 35.5%, oklch(61.32% 0.2114 276.92) 38.7%, oklch(64.53% 0.1886 266.16) 41.9%, oklch(67.78% 0.1737 254.08) 45.2%, oklch(70.96% 0.1653 240.98) 48.4%, oklch(73.97% 0.1431 227.16) 51.6%, oklch(76.73% 0.1342 212.93) 54.8%, oklch(79.13% 0.1346 198.59) 58.1%, oklch(81.08% 0.1433 184.45) 61.3%, oklch(82.49% 0.1619 170.81) 64.5%, oklch(83.24% 0.1689 157.85) 67.7%, oklch(83.21% 0.1683 144.21) 71.0%, oklch(82.50% 0.1692 129.74) 74.2%, oklch(81.25% 0.1714 114.81) 77.4%, oklch(79.61% 0.1654 99.80) 80.6%, oklch(77.73% 0.1593 85.09) 83.9%, oklch(75.74% 0.1631 71.04) 87.1%, oklch(73.79% 0.1766 58.03) 90.3%, oklch(72.04% 0.1864 46.45) 93.5%, oklch(70.62% 0.1893 36.64) 96.8%, oklch(69.68% 0.1940 28.99) 100.0%);

อยู่ในคอลเลกชันเหล่านี้

สีเซอร์เรียล

พาเลตต์ที่คล้ายกัน คอลเลกชัน ดาวน์โหลด PNG JSON ของพาเลตต์Markdown วิธีการทำงาน