Радужный, без шва: угловой градиент

Угловой градиент, 56 цветов, угол 0°: #ed3339, #fcc430, #00c299, #2a56f6, #ed3337. Редактируйте и экспортируйте в CSS, SVG, PNG или шейдер.

8 редактируемых ключевых точек OKLCH.

#ed3339
#ef3a34
#f1422d
#f44b24
#f65518
#f85f04
#f76c00
#f77700
#f78100
#f88c00
#fb9700
#fea300
#ffaf17
#ffba23
#fcc430
#f7cb38
#eecf3a
#e2cf35
#d2cc28
#bec813
#a8c200
#91bd00
#76b900
#59b71f
#36b839
#00ba55
#00bb71
#00be86
#00c299
#00c5a9
#00c6b7
#00c5c1
#00c0c7
#00b7c9
#00acc8
#009fc6
#0092c3
#0085c2
#0079c4
#006ecf
#0061ea
#2a56f6
#4253f8
#5551f9
#6551f9
#7551f8
#8550f5
#954cee
#a647e3
#b840d1
#c938ba
#d731a0
#e22c83
#e92b67
#ec2e4d
#ed3337

CSS

background: conic-gradient(from 0deg in oklch, oklch(61.81% 0.2205 25.31) 0.0%, oklch(62.59% 0.2181 27.57) 1.8%, oklch(63.61% 0.2149 30.50) 3.6%, oklch(64.81% 0.2111 33.98) 5.5%, oklch(66.17% 0.2069 37.89) 7.3%, oklch(67.63% 0.2025 42.12) 9.1%, oklch(69.17% 0.1928 46.53) 10.9%, oklch(70.72% 0.1843 51.04) 12.7%, oklch(72.27% 0.1778 55.52) 14.5%, oklch(74.14% 0.1737 60.12) 16.4%, oklch(76.38% 0.1715 64.94) 18.2%, oklch(78.78% 0.1707 69.94) 20.0%, oklch(81.12% 0.1671 75.11) 21.8%, oklch(83.20% 0.1651 80.38) 23.6%, oklch(84.80% 0.1618 85.75) 25.5%, oklch(85.71% 0.1600 91.17) 27.3%, oklch(85.72% 0.1602 96.62) 29.1%, oklch(84.57% 0.1631 102.08) 30.9%, oklch(82.49% 0.1684 107.61) 32.7%, oklch(79.80% 0.1752 113.20) 34.5%, oklch(76.83% 0.1804 118.90) 36.4%, oklch(73.91% 0.1852 124.74) 38.2%, oklch(71.36% 0.1942 130.72) 40.0%, oklch(69.51% 0.1989 136.88) 41.8%, oklch(68.67% 0.1997 143.26) 43.6%, oklch(68.83% 0.1903 149.83) 45.5%, oklch(69.69% 0.1671 156.60) 47.3%, oklch(70.96% 0.1522 163.53) 49.1%, oklch(72.35% 0.1423 170.59) 50.9%, oklch(73.57% 0.1356 177.76) 52.7%, oklch(74.32% 0.1310 185.01) 54.5%, oklch(74.32% 0.1275 192.31) 56.4%, oklch(73.28% 0.1246 199.70) 58.2%, oklch(71.21% 0.1222 207.40) 60.0%, oklch(68.40% 0.1210 215.31) 61.8%, oklch(65.18% 0.1217 223.31) 63.6%, oklch(61.83% 0.1251 231.29) 65.5%, oklch(58.69% 0.1324 239.10) 67.3%, oklch(56.07% 0.1462 246.63) 69.1%, oklch(54.26% 0.1714 253.76) 70.9%, oklch(53.47% 0.2210 260.24) 72.7%, oklch(53.42% 0.2430 265.86) 74.5%, oklch(53.93% 0.2423 270.95) 76.4%, oklch(54.84% 0.2405 275.83) 78.2%, oklch(55.97% 0.2378 280.84) 80.0%, oklch(57.15% 0.2349 286.31) 81.8%, oklch(58.21% 0.2322 292.57) 83.6%, oklch(58.98% 0.2303 299.96) 85.5%, oklch(59.47% 0.2290 309.10) 87.3%, oklch(59.93% 0.2276 320.22) 89.1%, oklch(60.35% 0.2262 332.54) 90.9%, oklch(60.73% 0.2248 345.32) 92.7%, oklch(61.07% 0.2235 357.79) 94.5%, oklch(61.36% 0.2222 9.18) 96.4%, oklch(61.61% 0.2212 18.73) 98.2%, oklch(61.81% 0.2205 25.66) 100.0%);

В этих коллекциях

Радужные градиенты