Xanh lá, be và tím (ba tông) (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #5a854c, #ddc6a2, #f9ecc4, #ddbb89, #673971. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5a854c
#668a4f
#769054
#89975c
#9c9f67
#afa974
#c0b283
#d0bc93
#ddc6a2
#e8ceaf
#f0d5b9
#f5dabf
#f9dfc3
#fbe3c5
#fce7c6
#fceac5
#f9ecc4
#f6edc1
#f1ecbd
#ece9b8
#e8e3b0
#e5dba6
#e1cd98
#ddbb89
#d6a77c
#cd9073
#bf7a70
#ae6770
#9a5671
#864972
#744072
#673971

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(57.09% 0.0965 138.52) 0.0%, oklch(59.07% 0.0933 134.02) 3.2%, oklch(61.79% 0.0889 127.70) 6.5%, oklch(65.06% 0.0835 120.04) 9.7%, oklch(68.72% 0.0776 111.50) 12.9%, oklch(72.58% 0.0713 102.56) 16.1%, oklch(76.47% 0.0651 93.70) 19.4%, oklch(80.21% 0.0593 85.38) 22.6%, oklch(83.63% 0.0542 78.09) 25.8%, oklch(86.55% 0.0501 72.29) 29.0%, oklch(88.80% 0.0474 68.47) 32.3%, oklch(90.37% 0.0462 67.24) 35.5%, oklch(91.71% 0.0462 69.01) 38.7%, oklch(92.82% 0.0471 73.09) 41.9%, oklch(93.66% 0.0489 78.73) 45.2%, oklch(94.18% 0.0512 85.17) 48.4%, oklch(94.36% 0.0541 91.66) 51.6%, oklch(94.14% 0.0572 97.44) 54.8%, oklch(93.50% 0.0606 101.77) 58.1%, oklch(92.38% 0.0639 103.89) 61.3%, oklch(90.76% 0.0670 103.05) 64.5%, oklch(88.54% 0.0698 98.49) 67.7%, oklch(85.28% 0.0730 89.80) 71.0%, oklch(81.04% 0.0765 77.69) 74.2%, oklch(76.07% 0.0803 63.01) 77.4%, oklch(70.64% 0.0842 46.61) 80.6%, oklch(65.00% 0.0881 29.34) 83.9%, oklch(59.40% 0.0919 12.07) 87.1%, oklch(54.10% 0.0955 355.64) 90.3%, oklch(49.35% 0.0987 340.90) 93.5%, oklch(45.40% 0.1013 328.71) 96.8%, oklch(42.52% 0.1033 319.92) 100.0%);

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

Phải lòng bắp cải

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