Xanh lá đậm, xanh cổ vịt, tím và hồng (gradient tuyến tính)

Bảng màu Xanh lá đậm, xanh cổ vịt, tím và hồng

Gradient tuyến tính, 32 màu, góc 135°: #0c2211, #17734a, #bd40a4, #d97d95, #ecd1cb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0c2211
#102814
#163019
#1e3a1d
#274522
#2f5128
#335d30
#2f693a
#17734a
#007864
#007a7d
#007998
#0070c9
#5f5fd5
#8c4fcc
#aa44b7
#bd40a4
#c94396
#d04a8e
#d3538b
#d55e8c
#d6698f
#d77393
#d97d95
#dc8797
#e0929b
#e39fa1
#e6aba9
#e8b7b2
#eac2bb
#ebcbc4
#ecd1cb

CSS

background: linear-gradient(135deg in oklch, oklch(22.83% 0.0427 149.06) 0.0%, oklch(25.04% 0.0474 148.34) 3.2%, oklch(28.12% 0.0533 146.07) 6.5%, oklch(31.80% 0.0604 143.29) 9.7%, oklch(35.79% 0.0684 141.05) 12.9%, oklch(39.82% 0.0771 140.41) 16.1%, oklch(43.61% 0.0864 142.40) 19.4%, oklch(46.88% 0.0960 148.09) 22.6%, oklch(49.36% 0.1059 158.58) 25.8%, oklch(51.16% 0.0959 175.64) 29.0%, oklch(52.49% 0.0893 198.21) 32.3%, oklch(53.48% 0.1007 224.26) 35.5%, oklch(54.27% 0.1614 251.78) 38.7%, oklch(55.01% 0.1765 278.76) 41.9%, oklch(55.82% 0.1870 303.23) 45.2%, oklch(56.84% 0.1932 323.17) 48.4%, oklch(58.17% 0.1940 337.01) 51.6%, oklch(59.59% 0.1896 346.35) 54.8%, oklch(61.06% 0.1813 352.36) 58.1%, oklch(62.59% 0.1700 355.95) 61.3%, oklch(64.20% 0.1568 357.99) 64.5%, oklch(65.90% 0.1429 359.37) 67.7%, oklch(67.69% 0.1293 0.97) 71.0%, oklch(69.59% 0.1171 3.68) 74.2%, oklch(71.69% 0.1061 7.80) 77.4%, oklch(74.15% 0.0943 12.19) 80.6%, oklch(76.83% 0.0819 16.65) 83.9%, oklch(79.58% 0.0695 21.02) 87.1%, oklch(82.24% 0.0578 25.12) 90.3%, oklch(84.67% 0.0472 28.80) 93.5%, oklch(86.70% 0.0383 31.89) 96.8%, oklch(88.19% 0.0317 34.23) 100.0%);

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

Gradient viễn thám

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