ไล่เฉดสีแบบรัศมี ม่วงเข้ม บานเย็น และส้มโทนอุ่น

ไล่เฉดสีแบบรัศมี 32 สี: #210820, #5a1240, #a42061, #d9415e, #f39b3a แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

#210820
#250923
#2a0a26
#310b2a
#390d2f
#410e33
#4a0f37
#52113b
#5a1240
#631345
#6c154a
#75164f
#7f1853
#881a57
#911c5b
#9a1d5e
#a42061
#ad2363
#b62664
#be2a64
#c62f64
#cd3562
#d33b61
#d9415e
#df495a
#e55254
#eb5d4d
#ef6b44
#f27a3d
#f48738
#f49338
#f39b3a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(18.90% 0.0579 329.06) 0.0%, oklch(19.95% 0.0623 330.69) 3.2%, oklch(21.37% 0.0682 333.00) 6.5%, oklch(23.07% 0.0754 335.71) 9.7%, oklch(24.94% 0.0832 338.55) 12.9%, oklch(26.87% 0.0912 341.24) 16.1%, oklch(28.77% 0.0991 343.48) 19.4%, oklch(30.62% 0.1068 345.15) 22.6%, oklch(32.55% 0.1149 346.45) 25.8%, oklch(34.53% 0.1233 347.52) 29.0%, oklch(36.55% 0.1317 348.50) 32.3%, oklch(38.57% 0.1398 349.52) 35.5%, oklch(40.56% 0.1474 350.70) 38.7%, oklch(42.50% 0.1544 352.11) 41.9%, oklch(44.45% 0.1614 353.52) 45.2%, oklch(46.40% 0.1682 354.98) 48.4%, oklch(48.33% 0.1744 356.56) 51.6%, oklch(50.22% 0.1799 358.34) 54.8%, oklch(52.07% 0.1841 0.41) 58.1%, oklch(53.85% 0.1870 2.81) 61.3%, oklch(55.51% 0.1886 5.27) 64.5%, oklch(57.10% 0.1892 7.88) 67.7%, oklch(58.66% 0.1887 10.79) 71.0%, oklch(60.26% 0.1874 14.16) 74.2%, oklch(61.94% 0.1854 18.15) 77.4%, oklch(63.77% 0.1826 22.95) 80.6%, oklch(65.92% 0.1783 29.32) 83.9%, oklch(68.32% 0.1724 36.98) 87.1%, oklch(70.76% 0.1659 45.10) 90.3%, oklch(73.05% 0.1595 52.88) 93.5%, oklch(74.99% 0.1540 59.51) 96.8%, oklch(76.38% 0.1502 64.17) 100.0%);

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

ไล่เฉดสีดิวาลี

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