Regenbogenspektrum, linearer Farbverlauf

Palette Regenbogenspektrum mit 32 Farben. #16cd83, #807de0, #eb4687, #c0a800, #20e68a. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

32 Farben, 7 bearbeitbare OKLCH-Keyframes.

#16cd83
#00c59c
#00b9b1
#00adc1
#249fcf
#4d93d1
#618ad4
#7084da
#807de0
#9177e5
#a26fe4
#b267dd
#c15ed4
#ce54c7
#da4cb7
#e446a1
#eb4687
#e94f6c
#e15c53
#d66b43
#cc783a
#c78431
#c59420
#c0a800
#b4be05
#9dd131
#81df52
#67e669
#50e877
#3ee87f
#31e685
#20e68a

CSS

background: linear-gradient(90deg in oklch, oklch(74.80% 0.1709 158.20) 0.0%, oklch(73.25% 0.1438 170.77) 3.2%, oklch(70.96% 0.1230 188.80) 6.5%, oklch(68.40% 0.1181 209.51) 9.7%, oklch(66.04% 0.1227 230.07) 12.9%, oklch(64.35% 0.1172 247.69) 16.1%, oklch(63.62% 0.1205 261.16) 19.4%, oklch(63.51% 0.1308 272.59) 22.6%, oklch(63.80% 0.1450 282.70) 25.8%, oklch(64.22% 0.1601 292.20) 29.0%, oklch(64.53% 0.1730 301.77) 32.3%, oklch(64.57% 0.1829 311.62) 35.5%, oklch(64.54% 0.1936 320.83) 38.7%, oklch(64.49% 0.2034 329.82) 41.9%, oklch(64.46% 0.2103 339.11) 45.2%, oklch(64.51% 0.2123 349.22) 48.4%, oklch(64.60% 0.2066 0.64) 51.6%, oklch(64.50% 0.1901 13.22) 54.8%, oklch(64.39% 0.1677 26.58) 58.1%, oklch(64.56% 0.1456 40.38) 61.3%, oklch(65.25% 0.1296 54.29) 64.5%, oklch(66.77% 0.1257 68.10) 67.7%, oklch(69.50% 0.1346 83.05) 71.0%, oklch(73.00% 0.1511 98.58) 74.2%, oklch(76.62% 0.1707 113.50) 77.4%, oklch(79.74% 0.1880 126.62) 80.6%, oklch(81.73% 0.1981 136.75) 83.9%, oklch(82.54% 0.2014 143.74) 87.1%, oklch(82.58% 0.2010 148.41) 90.3%, oklch(82.20% 0.1986 151.45) 93.5%, oklch(81.73% 0.1958 153.54) 96.8%, oklch(81.50% 0.1943 155.39) 100.0%);

In diesen Sammlungen

Farbverläufe im Regenbogenspektrum als Schleife