Xanh lá đậm, xanh lá, hồng và tím (gradient xuyên tâm)

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

Gradient xuyên tâm, 32 màu: #102016, #3d7948, #93a852, #c97a99, #7c3d6c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#102016
#13261a
#163020
#1b3b27
#20482e
#265636
#2d633d
#356f44
#3d7948
#45834e
#4c8c54
#539459
#5c9c5e
#66a261
#72a760
#81a95b
#93a852
#a9a447
#bf9c44
#cf924f
#d88963
#d8827a
#d27d8d
#c97a99
#bf769e
#b36f9c
#a86796
#9d5d8d
#925383
#894a79
#814271
#7c3d6c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.44% 0.0289 156.09) 0.0%, oklch(24.86% 0.0348 155.61) 3.2%, oklch(28.17% 0.0431 155.08) 6.5%, oklch(32.12% 0.0529 154.45) 9.7%, oklch(36.45% 0.0636 153.68) 12.9%, oklch(40.90% 0.0744 152.71) 16.1%, oklch(45.19% 0.0844 151.51) 19.4%, oklch(49.08% 0.0929 150.03) 22.6%, oklch(52.33% 0.0992 148.26) 25.8%, oklch(55.30% 0.1039 147.18) 29.0%, oklch(58.15% 0.1076 146.69) 32.3%, oklch(60.84% 0.1104 146.16) 35.5%, oklch(63.29% 0.1125 144.96) 38.7%, oklch(65.46% 0.1139 142.48) 41.9%, oklch(67.30% 0.1149 138.07) 45.2%, oklch(68.74% 0.1155 131.13) 48.4%, oklch(69.74% 0.1158 120.78) 51.6%, oklch(70.38% 0.1152 105.78) 54.8%, oklch(70.68% 0.1139 87.29) 58.1%, oklch(70.64% 0.1120 66.82) 61.3%, oklch(70.28% 0.1099 45.86) 64.5%, oklch(69.60% 0.1079 25.88) 67.7%, oklch(68.60% 0.1061 8.39) 71.0%, oklch(67.30% 0.1049 354.88) 74.2%, oklch(65.53% 0.1044 346.09) 77.4%, oklch(62.99% 0.1042 340.58) 80.6%, oklch(59.92% 0.1044 337.63) 83.9%, oklch(56.58% 0.1047 336.55) 87.1%, oklch(53.22% 0.1051 336.67) 90.3%, oklch(50.11% 0.1055 337.32) 93.5%, oklch(47.51% 0.1059 337.82) 96.8%, oklch(45.67% 0.1061 337.50) 100.0%);

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

Wasabi và tím mận kiểu editorial Gradient nhiều màu xanh lá

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