Nâu, xanh lá, xanh cổ vịt và xám (gradient xuyên tâm)

Nâu, xanh lá, xanh cổ vịt và xám: bảng màu gồm 32 màu. #986444, #457a47, #0e5b62, #396467, #acc49a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 4 keyframe OKLCH chỉnh sửa được.

#986444
#95653f
#916737
#8b6a30
#826e2b
#77722b
#687531
#57783b
#457a47
#327b52
#1e7a5b
#0a7762
#007366
#006d67
#006767
#026165
#0e5b62
#16565f
#1c525c
#21505a
#265159
#2b545c
#315a60
#396467
#44706e
#517e76
#608c7e
#709a85
#82a88c
#93b491
#a1bd96
#acc49a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(55.12% 0.0813 51.33) 0.0%, oklch(54.94% 0.0824 58.36) 3.2%, oklch(54.76% 0.0842 67.77) 6.5%, oklch(54.55% 0.0865 79.02) 9.7%, oklch(54.31% 0.0890 91.60) 12.9%, oklch(54.04% 0.0915 105.00) 16.1%, oklch(53.71% 0.0938 118.68) 19.4%, oklch(53.34% 0.0957 132.13) 22.6%, oklch(52.90% 0.0970 144.83) 25.8%, oklch(52.39% 0.0975 156.26) 29.0%, oklch(51.79% 0.0969 165.90) 32.3%, oklch(51.01% 0.0950 173.75) 35.5%, oklch(49.78% 0.0896 181.15) 38.7%, oklch(48.23% 0.0838 188.11) 41.9%, oklch(46.49% 0.0794 194.49) 45.2%, oklch(44.72% 0.0754 200.13) 48.4%, oklch(43.07% 0.0692 204.92) 51.6%, oklch(41.70% 0.0632 208.72) 54.8%, oklch(40.73% 0.0577 211.38) 58.1%, oklch(40.34% 0.0531 212.79) 61.3%, oklch(40.66% 0.0497 212.79) 64.5%, oklch(41.85% 0.0478 211.19) 67.7%, oklch(44.14% 0.0472 207.06) 71.0%, oklch(47.37% 0.0477 200.60) 74.2%, oklch(51.31% 0.0490 192.37) 77.4%, oklch(55.72% 0.0509 182.91) 80.6%, oklch(60.38% 0.0532 172.80) 83.9%, oklch(65.05% 0.0557 162.57) 87.1%, oklch(69.49% 0.0582 152.78) 90.3%, oklch(73.47% 0.0604 144.00) 93.5%, oklch(76.77% 0.0622 136.77) 96.8%, oklch(79.13% 0.0634 131.64) 100.0%);

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

Gradient rừng

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