Tím, nâu, hồng đào và đỏ nâu (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #623dc4, #741b35, #b37f5e, #d59e82, #641d3c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#623dc4
#6a38ba
#7031ab
#762a98
#792382
#7a1d6c
#791957
#771844
#741b35
#72202a
#722724
#753024
#7d3c29
#884b32
#955c3f
#a46e4e
#b37f5e
#c2906e
#cf9f7c
#daaa87
#e0b08d
#e1b08e
#ddaa8a
#d59e82
#ca8e77
#bc7c6c
#ac6860
#9b5556
#8a434d
#7a3345
#6d2640
#641d3c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(48.43% 0.1984 289.69) 0.0%, oklch(47.67% 0.1928 295.61) 3.2%, oklch(46.44% 0.1853 303.58) 6.5%, oklch(44.88% 0.1762 313.12) 9.7%, oklch(43.16% 0.1661 323.79) 12.9%, oklch(41.44% 0.1554 335.12) 16.1%, oklch(39.89% 0.1444 346.66) 19.4%, oklch(38.66% 0.1337 357.96) 22.6%, oklch(37.91% 0.1235 8.55) 25.8%, oklch(37.82% 0.1145 17.99) 29.0%, oklch(38.53% 0.1069 25.80) 32.3%, oklch(40.35% 0.1008 31.95) 35.5%, oklch(43.60% 0.0954 37.48) 38.7%, oklch(47.98% 0.0905 42.45) 41.9%, oklch(53.11% 0.0863 46.80) 45.2%, oklch(58.63% 0.0826 50.49) 48.4%, oklch(64.17% 0.0795 53.47) 51.6%, oklch(69.36% 0.0770 55.68) 54.8%, oklch(73.84% 0.0751 57.09) 58.1%, oklch(77.24% 0.0738 57.63) 61.3%, oklch(79.20% 0.0731 57.27) 64.5%, oklch(79.36% 0.0731 55.88) 67.7%, oklch(77.66% 0.0744 52.73) 71.0%, oklch(74.43% 0.0768 47.90) 74.2%, oklch(70.01% 0.0801 41.81) 77.4%, oklch(64.77% 0.0840 34.86) 80.6%, oklch(59.04% 0.0883 27.44) 83.9%, oklch(53.18% 0.0927 19.95) 87.1%, oklch(47.54% 0.0970 12.80) 90.3%, oklch(42.47% 0.1008 6.37) 93.5%, oklch(38.32% 0.1039 1.08) 96.8%, oklch(35.43% 0.1061 357.32) 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