Xanh cổ vịt, đỏ và hồng tông rực rỡ (gradient hình nón)

Bảng màu Xanh cổ vịt, đỏ và hồng tông rực rỡ

Gradient hình nón, 32 màu, góc 180°: #359b7a, #7c6936, #b80238, #ee0061, #fd00b5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#359b7a
#3c9976
#449672
#4b926b
#548d63
#5d8759
#68804b
#74753d
#7c6936
#825e35
#855536
#8a4d36
#934334
#9c3731
#a72930
#b01732
#b80238
#be003e
#c60042
#cf0046
#d7024a
#df0250
#e60058
#ee0061
#f4006a
#fa0074
#fe007f
#ff0a8a
#ff0d97
#ff04a3
#fe00ad
#fd00b5

CSS

background: conic-gradient(from 180deg in oklch, oklch(62.20% 0.1061 168.05) 0.0%, oklch(61.70% 0.1029 165.45) 3.2%, oklch(61.04% 0.0983 162.42) 6.5%, oklch(60.22% 0.0931 158.13) 9.7%, oklch(59.23% 0.0882 151.75) 12.9%, oklch(58.08% 0.0845 142.46) 16.1%, oklch(56.63% 0.0813 128.60) 19.4%, oklch(54.77% 0.0771 109.84) 22.6%, oklch(52.78% 0.0738 88.93) 25.8%, oklch(50.94% 0.0735 68.69) 29.0%, oklch(49.54% 0.0782 51.91) 32.3%, oklch(48.73% 0.0905 40.47) 35.5%, oklch(48.29% 0.1111 32.45) 38.7%, oklch(48.18% 0.1362 26.84) 41.9%, oklch(48.38% 0.1616 22.83) 45.2%, oklch(48.87% 0.1833 19.58) 48.4%, oklch(49.67% 0.1980 16.60) 51.6%, oklch(50.96% 0.2037 15.11) 54.8%, oklch(52.57% 0.2102 14.71) 58.1%, oklch(54.33% 0.2172 14.71) 61.3%, oklch(56.05% 0.2235 14.43) 64.5%, oklch(57.58% 0.2295 13.27) 67.7%, oklch(59.10% 0.2361 11.64) 71.0%, oklch(60.63% 0.2425 9.78) 74.2%, oklch(62.07% 0.2487 7.68) 77.4%, oklch(63.33% 0.2544 5.33) 80.6%, oklch(64.32% 0.2594 2.74) 83.9%, oklch(65.00% 0.2612 359.47) 87.1%, oklch(65.46% 0.2647 355.69) 90.3%, oklch(65.76% 0.2714 351.89) 93.5%, oklch(65.97% 0.2766 348.59) 96.8%, oklch(66.14% 0.2797 346.29) 100.0%);

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

Gradient nhiều màu rực rỡ

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