ไล่เฉดสีแบบรัศมี สีรุ้งจากม่วงถึงชมพู

ไล่เฉดสีแบบรัศมี 32 สี: #8d23aa, #00839a, #6b633e, #7e4745, #d81c62 แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

#8d23aa
#842fb4
#773dbe
#674bc6
#525aca
#3468c8
#0074bd
#007da8
#00839a
#00878e
#008980
#278871
#428360
#547c52
#607347
#686b41
#6b633e
#6c5b3e
#6b553f
#6a5140
#6b4d40
#6e4b42
#744943
#7e4745
#894547
#95424b
#a33e4e
#b03952
#bd3356
#c82c5a
#d2245e
#d81c62

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(48.82% 0.2081 317.81) 0.0%, oklch(49.35% 0.2017 310.10) 3.2%, oklch(50.14% 0.1932 300.27) 6.5%, oklch(51.12% 0.1831 288.68) 9.7%, oklch(52.20% 0.1717 275.67) 12.9%, oklch(53.31% 0.1597 261.59) 16.1%, oklch(54.38% 0.1423 246.80) 19.4%, oklch(55.34% 0.1123 231.59) 22.6%, oklch(56.09% 0.0998 216.35) 25.8%, oklch(56.59% 0.0962 201.40) 29.0%, oklch(56.74% 0.0990 187.10) 32.3%, oklch(56.44% 0.0952 173.30) 35.5%, oklch(55.64% 0.0866 158.63) 38.7%, oklch(54.44% 0.0777 143.29) 41.9%, oklch(52.96% 0.0689 127.63) 45.2%, oklch(51.33% 0.0608 111.95) 48.4%, oklch(49.66% 0.0537 96.60) 51.6%, oklch(48.07% 0.0482 81.90) 54.8%, oklch(46.68% 0.0446 68.17) 58.1%, oklch(45.62% 0.0435 55.75) 61.3%, oklch(44.99% 0.0452 44.96) 64.5%, oklch(44.93% 0.0504 36.10) 67.7%, oklch(45.40% 0.0605 29.03) 71.0%, oklch(46.32% 0.0748 23.47) 74.2%, oklch(47.58% 0.0925 19.20) 77.4%, oklch(49.08% 0.1123 16.00) 80.6%, oklch(50.72% 0.1332 13.66) 83.9%, oklch(52.40% 0.1542 11.95) 87.1%, oklch(54.01% 0.1743 10.66) 90.3%, oklch(55.47% 0.1922 9.58) 93.5%, oklch(56.66% 0.2071 8.47) 96.8%, oklch(57.48% 0.2177 7.13) 100.0%);

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