Tím đậm, hồng, tím oải hương và xanh dương (gradient xuyên tâm)

Bảng màu Tím đậm, hồng, tím oải hương và xanh dương

Gradient xuyên tâm, 32 màu: #160c2b, #c43a44, #ffabb6, #e1baeb, #5467e8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

4 keyframe OKLCH chỉnh sửa được.

#160c2b
#201034
#2e143f
#421949
#5a1d51
#752155
#912754
#ac2f4d
#c43a44
#d94839
#e85534
#f4623b
#fd6f4e
#ff816c
#ff9188
#ff9fa1
#ffabb6
#ffb5c7
#ffbcd5
#fbc3e0
#f6c7e6
#f1c7e9
#ebc2ea
#e1baeb
#d5afeb
#c5a3ec
#b396ec
#9f8aec
#8a7eeb
#7674ea
#636ce9
#5467e8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(18.90% 0.0606 294.61) 0.0%, oklch(21.66% 0.0690 301.04) 3.2%, oklch(25.33% 0.0812 310.15) 6.5%, oklch(29.71% 0.0960 321.22) 9.7%, oklch(34.61% 0.1125 333.55) 12.9%, oklch(39.83% 0.1296 346.42) 16.1%, oklch(45.20% 0.1463 359.13) 19.4%, oklch(50.51% 0.1616 10.97) 22.6%, oklch(55.57% 0.1744 21.22) 25.8%, oklch(60.20% 0.1837 29.18) 29.0%, oklch(64.20% 0.1884 34.14) 32.3%, oklch(67.58% 0.1874 35.65) 35.5%, oklch(70.92% 0.1803 34.42) 38.7%, oklch(74.16% 0.1579 30.92) 41.9%, oklch(77.25% 0.1338 25.58) 45.2%, oklch(80.09% 0.1141 18.82) 48.4%, oklch(82.61% 0.0991 11.09) 51.6%, oklch(84.73% 0.0888 2.82) 54.8%, oklch(86.37% 0.0832 354.42) 58.1%, oklch(87.45% 0.0731 346.35) 61.3%, oklch(87.89% 0.0661 339.02) 64.5%, oklch(87.59% 0.0652 332.76) 67.7%, oklch(86.21% 0.0700 326.37) 71.0%, oklch(83.85% 0.0794 319.60) 74.2%, oklch(80.74% 0.0923 312.61) 77.4%, oklch(77.11% 0.1078 305.59) 80.6%, oklch(73.18% 0.1246 298.70) 83.9%, oklch(69.18% 0.1419 292.12) 87.1%, oklch(65.35% 0.1586 286.02) 90.3%, oklch(61.90% 0.1735 280.59) 93.5%, oklch(59.07% 0.1858 276.00) 96.8%, oklch(57.09% 0.1943 272.42) 100.0%);

Trong các bộ sưu tập này

Màu siêu thực

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động