Xanh lá đậm, xanh chanh và xanh lá (gradient xuyên tâm)

Bảng màu Xanh lá đậm, xanh chanh và xanh lá

Gradient xuyên tâm, 32 màu: #091007, #b6ef30, #60a51a, #2e5c12, #10210b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#091007
#13200e
#233918
#3a5a22
#567e2c
#74a332
#92c535
#a9e034
#b6ef30
#b8f32d
#b3f029
#a7e726
#97da23
#87cb21
#77bc1e
#6aaf1c
#60a51a
#589a19
#4f9017
#488516
#417a15
#3a6f14
#346513
#2e5c12
#295311
#244a10
#1f4110
#1b380f
#18310e
#152a0d
#12250c
#10210b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(16.14% 0.0220 138.52) 0.0%, oklch(22.52% 0.0385 137.35) 3.2%, oklch(31.75% 0.0622 135.65) 6.5%, oklch(42.78% 0.0904 133.61) 9.7%, oklch(54.55% 0.1207 131.44) 12.9%, oklch(66.02% 0.1504 129.37) 16.1%, oklch(76.14% 0.1769 127.59) 19.4%, oklch(83.84% 0.1978 126.32) 22.6%, oklch(88.12% 0.2104 125.77) 25.8%, oklch(89.31% 0.2160 125.93) 29.0%, oklch(88.20% 0.2165 126.64) 32.3%, oklch(85.36% 0.2131 127.73) 35.5%, oklch(81.38% 0.2068 129.06) 38.7%, oklch(76.80% 0.1989 130.45) 41.9%, oklch(72.21% 0.1904 131.76) 45.2%, oklch(68.17% 0.1825 132.83) 48.4%, oklch(65.04% 0.1759 133.56) 51.6%, oklch(61.90% 0.1685 134.13) 54.8%, oklch(58.63% 0.1602 134.60) 58.1%, oklch(55.29% 0.1512 135.01) 61.3%, oklch(51.94% 0.1418 135.36) 64.5%, oklch(48.65% 0.1323 135.69) 67.7%, oklch(45.46% 0.1228 136.00) 71.0%, oklch(42.45% 0.1138 136.32) 74.2%, oklch(39.57% 0.1049 136.66) 77.4%, oklch(36.62% 0.0953 136.99) 80.6%, oklch(33.70% 0.0854 137.32) 83.9%, oklch(30.88% 0.0755 137.62) 87.1%, oklch(28.25% 0.0662 137.90) 90.3%, oklch(25.91% 0.0578 138.15) 93.5%, oklch(23.95% 0.0508 138.35) 96.8%, oklch(22.44% 0.0455 138.52) 100.0%);

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

Gradient Cyber Monday

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