Cam, xanh lá và xanh cổ vịt (ba tông) (gradient xuyên tâm)

Bảng màu Cam, xanh lá và xanh cổ vịt (ba tông)

Gradient xuyên tâm, 32 màu: #de7d37, #bea24a, #82a960, #528d63, #3c5d59. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#de7d37
#dd8035
#da8535
#d78a36
#d39039
#ce963d
#c99b42
#c49f46
#bea24a
#b8a54d
#b2a74f
#aba951
#a3aa54
#9bab57
#92ab5a
#8aab5d
#82a960
#7aa762
#73a363
#6c9f63
#659b63
#5e9663
#589263
#528d63
#4c8864
#468164
#427b63
#3f7462
#3d6d60
#3c675e
#3c615b
#3c5d59

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(68.50% 0.1461 52.73) 0.0%, oklch(68.83% 0.1432 55.77) 3.2%, oklch(69.32% 0.1391 59.82) 6.5%, oklch(69.91% 0.1343 64.65) 9.7%, oklch(70.52% 0.1290 70.00) 12.9%, oklch(71.11% 0.1238 75.66) 16.1%, oklch(71.60% 0.1191 81.36) 19.4%, oklch(71.94% 0.1151 86.89) 22.6%, oklch(72.06% 0.1125 92.03) 25.8%, oklch(72.05% 0.1110 97.20) 29.0%, oklch(71.94% 0.1106 102.53) 32.3%, oklch(71.74% 0.1107 107.91) 35.5%, oklch(71.42% 0.1111 113.24) 38.7%, oklch(70.99% 0.1115 118.40) 41.9%, oklch(70.42% 0.1115 123.29) 45.2%, oklch(69.70% 0.1109 127.80) 48.4%, oklch(68.83% 0.1094 131.81) 51.6%, oklch(67.77% 0.1076 135.23) 54.8%, oklch(66.54% 0.1055 138.21) 58.1%, oklch(65.18% 0.1031 140.92) 61.3%, oklch(63.72% 0.1003 143.51) 64.5%, oklch(62.18% 0.0971 146.15) 67.7%, oklch(60.62% 0.0934 149.01) 71.0%, oklch(59.05% 0.0893 152.24) 74.2%, oklch(57.42% 0.0844 156.06) 77.4%, oklch(55.56% 0.0781 160.53) 80.6%, oklch(53.57% 0.0711 165.38) 83.9%, oklch(51.55% 0.0636 170.34) 87.1%, oklch(49.61% 0.0563 175.15) 90.3%, oklch(47.85% 0.0496 179.52) 93.5%, oklch(46.37% 0.0440 183.19) 96.8%, oklch(45.28% 0.0400 185.89) 100.0%);

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

Giàn cà chua sai quả

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