Xanh lá nhạt sang xanh lá đậm (gradient hình nón)

Gradient hình nón, 32 màu, góc 0°: #dff6bb, #9ac669, #4b9106, #215f04, #082704. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#dff6bb
#daf2b5
#d3edac
#cbe7a2
#c1e197
#b8da8b
#aed37f
#a4cc73
#9ac669
#91c05e
#87b952
#7db346
#72ac3a
#68a52d
#5e9f20
#549813
#4b9106
#448a00
#3d8200
#367b00
#307400
#2b6d01
#266603
#215f04
#1c5704
#184f04
#144705
#113f05
#0e3705
#0b3004
#092b04
#082704

CSS

background: conic-gradient(from 0deg in oklch, oklch(94.09% 0.0799 125.16) 0.0%, oklch(92.82% 0.0840 125.49) 3.2%, oklch(91.12% 0.0894 125.92) 6.5%, oklch(89.11% 0.0960 126.44) 9.7%, oklch(86.87% 0.1031 127.01) 12.9%, oklch(84.48% 0.1106 127.63) 16.1%, oklch(82.05% 0.1180 128.27) 19.4%, oklch(79.66% 0.1249 128.91) 22.6%, oklch(77.40% 0.1310 129.54) 25.8%, oklch(75.14% 0.1374 130.19) 29.0%, oklch(72.83% 0.1442 130.87) 32.3%, oklch(70.48% 0.1510 131.58) 35.5%, oklch(68.10% 0.1574 132.29) 38.7%, oklch(65.72% 0.1629 133.00) 41.9%, oklch(63.35% 0.1669 133.69) 45.2%, oklch(61.00% 0.1692 134.35) 48.4%, oklch(58.69% 0.1692 134.97) 51.6%, oklch(56.40% 0.1665 135.60) 54.8%, oklch(54.11% 0.1615 136.20) 58.1%, oklch(51.84% 0.1564 136.78) 61.3%, oklch(49.56% 0.1512 137.34) 64.5%, oklch(47.29% 0.1449 137.85) 67.7%, oklch(45.00% 0.1379 138.34) 71.0%, oklch(42.70% 0.1311 138.79) 74.2%, oklch(40.31% 0.1243 139.19) 77.4%, oklch(37.71% 0.1163 139.56) 80.6%, oklch(34.99% 0.1075 139.89) 83.9%, oklch(32.29% 0.0985 140.18) 87.1%, oklch(29.73% 0.0898 140.44) 90.3%, oklch(27.41% 0.0818 140.66) 93.5%, oklch(25.47% 0.0752 140.85) 96.8%, oklch(24.02% 0.0703 141.01) 100.0%);

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

Gradient mật độ dân số

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