Tím đậm, nâu và xanh cổ vịt (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #412b55, #873653, #ba6a3b, #999143, #377670. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#412b55
#462c56
#4d2d58
#552e5a
#5e2f5b
#68305b
#723259
#7d3457
#873653
#90394e
#973e49
#9e4345
#a54941
#ab503e
#b1593d
#b6613b
#ba6a3b
#bd723b
#be7a3b
#bd813b
#b9873b
#b28c3c
#a8903e
#999143
#89924a
#779053
#658d5b
#558862
#498367
#3f7e6b
#3a7a6e
#377670

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(33.46% 0.0758 307.27) 0.0%, oklch(34.36% 0.0786 311.29) 3.2%, oklch(35.50% 0.0826 316.47) 6.5%, oklch(36.85% 0.0874 322.60) 9.7%, oklch(38.36% 0.0927 329.48) 12.9%, oklch(40.00% 0.0984 336.90) 16.1%, oklch(41.72% 0.1040 344.65) 19.4%, oklch(43.49% 0.1093 352.52) 22.6%, oklch(45.27% 0.1140 0.31) 25.8%, oklch(47.01% 0.1179 7.82) 29.0%, oklch(48.68% 0.1206 14.82) 32.3%, oklch(50.33% 0.1222 21.20) 35.5%, oklch(52.21% 0.1229 27.14) 38.7%, oklch(54.26% 0.1229 32.78) 41.9%, oklch(56.38% 0.1224 38.26) 45.2%, oklch(58.50% 0.1213 43.71) 48.4%, oklch(60.52% 0.1198 49.27) 51.6%, oklch(62.35% 0.1178 55.05) 54.8%, oklch(63.92% 0.1156 61.21) 58.1%, oklch(65.14% 0.1132 67.86) 61.3%, oklch(65.91% 0.1106 75.14) 64.5%, oklch(66.15% 0.1079 83.24) 67.7%, oklch(65.77% 0.1045 92.75) 71.0%, oklch(64.84% 0.1004 103.50) 74.2%, oklch(63.48% 0.0958 115.10) 77.4%, oklch(61.83% 0.0909 127.14) 80.6%, oklch(60.00% 0.0859 139.21) 83.9%, oklch(58.10% 0.0810 150.93) 87.1%, oklch(56.27% 0.0763 161.87) 90.3%, oklch(54.63% 0.0722 171.65) 93.5%, oklch(53.28% 0.0687 179.86) 96.8%, oklch(52.36% 0.0661 186.09) 100.0%);

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

Bảng màu bộ bốn

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