Nâu, xám, tím hoa cà và tím (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #a7725b, #9d99ab, #463b58, #8b5565, #4e68ab. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a7725b
#af7a6f
#b8898c
#be9ba8
#c2adbe
#c4bac8
#c1bcc9
#b4b1be
#9d99ab
#827a92
#685a77
#533f5f
#442c4e
#3d2648
#3c2849
#40304f
#463b58
#4f4761
#575069
#5e556e
#685671
#745671
#80566d
#8b5565
#93555e
#97545f
#985469
#94547b
#875790
#755da0
#5f63a8
#4e68ab

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(60.24% 0.0758 44.30) 0.0%, oklch(63.03% 0.0686 32.18) 3.2%, oklch(67.50% 0.0577 14.38) 6.5%, oklch(72.56% 0.0451 353.71) 9.7%, oklch(77.11% 0.0330 332.95) 12.9%, oklch(80.05% 0.0233 314.89) 16.1%, oklch(80.29% 0.0182 302.34) 19.4%, oklch(76.62% 0.0195 297.07) 22.6%, oklch(69.18% 0.0263 297.29) 25.8%, oklch(59.54% 0.0366 301.09) 29.0%, oklch(49.35% 0.0479 306.60) 32.3%, oklch(40.21% 0.0581 311.93) 35.5%, oklch(33.75% 0.0649 315.21) 38.7%, oklch(31.22% 0.0663 314.83) 41.9%, oklch(31.65% 0.0632 311.45) 45.2%, oklch(34.08% 0.0572 306.57) 48.4%, oklch(37.65% 0.0504 301.69) 51.6%, oklch(41.49% 0.0445 298.30) 54.8%, oklch(44.75% 0.0412 297.88) 58.1%, oklch(46.71% 0.0424 302.18) 61.3%, oklch(48.19% 0.0476 313.45) 64.5%, oklch(49.48% 0.0554 329.22) 67.7%, oklch(50.58% 0.0647 346.16) 71.0%, oklch(51.51% 0.0743 0.95) 74.2%, oklch(52.27% 0.0828 10.27) 77.4%, oklch(52.86% 0.0893 10.78) 80.6%, oklch(53.18% 0.0944 0.82) 83.9%, oklch(53.25% 0.0987 343.20) 87.1%, oklch(53.16% 0.1025 321.46) 90.3%, oklch(52.99% 0.1056 299.14) 93.5%, oklch(52.83% 0.1082 279.78) 96.8%, oklch(52.76% 0.1102 266.92) 100.0%);

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