ไล่เฉดสีเชิงเส้น ดำ แดง และพีช (สีข้างเคียง)

ไล่เฉดสีเชิงเส้น 32 สี มุม 180°: #250a14, #7e132a, #ce2f34, #ec6b30, #ffcb6f แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

#250a14
#2b0b16
#350c19
#400d1d
#4d0f20
#5a1023
#661125
#721227
#7e132a
#8b152d
#97172f
#a31932
#ae1d33
#b72134
#c02535
#c72a35
#ce2f34
#d43534
#da3c33
#e04431
#e44e2f
#e7572f
#ea612f
#ec6b30
#ef7632
#f28135
#f58d3a
#f89c43
#fbaa4d
#fdb859
#ffc364
#ffcb6f

CSS

background: linear-gradient(180deg in oklch, oklch(19.29% 0.0482 0.00) 0.0%, oklch(20.85% 0.0558 1.52) 3.2%, oklch(23.00% 0.0664 3.68) 6.5%, oklch(25.54% 0.0789 6.21) 9.7%, oklch(28.31% 0.0924 8.85) 12.9%, oklch(31.11% 0.1056 11.34) 16.1%, oklch(33.76% 0.1177 13.40) 19.4%, oklch(36.25% 0.1286 14.89) 22.6%, oklch(38.82% 0.1397 16.02) 25.8%, oklch(41.42% 0.1506 16.93) 29.0%, oklch(43.99% 0.1609 17.73) 32.3%, oklch(46.45% 0.1701 18.58) 35.5%, oklch(48.75% 0.1779 19.59) 38.7%, oklch(50.82% 0.1840 20.83) 41.9%, oklch(52.68% 0.1888 22.05) 45.2%, oklch(54.38% 0.1925 23.30) 48.4%, oklch(55.99% 0.1949 24.69) 51.6%, oklch(57.58% 0.1962 26.31) 54.8%, oklch(59.21% 0.1962 28.24) 58.1%, oklch(60.93% 0.1950 30.57) 61.3%, oklch(62.61% 0.1918 33.20) 64.5%, oklch(64.26% 0.1871 36.11) 67.7%, oklch(65.94% 0.1813 39.29) 71.0%, oklch(67.70% 0.1750 42.75) 74.2%, oklch(69.60% 0.1687 46.48) 77.4%, oklch(71.70% 0.1628 50.51) 80.6%, oklch(74.25% 0.1566 55.40) 83.9%, oklch(77.14% 0.1497 61.01) 87.1%, oklch(80.12% 0.1427 66.82) 90.3%, oklch(82.93% 0.1362 72.32) 93.5%, oklch(85.31% 0.1307 76.99) 96.8%, oklch(87.01% 0.1249 80.32) 100.0%);

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

แถบสีแสงเหนือ Phone wallpaper gradients

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