Xanh lá đậm, xám, trắng và nâu (gradient xuyên tâm)

Gradient xuyên tâm, 56 màu: #112400, #d6d5cd, #c8b39b, #8a5b23, #908428. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#112400
#182a05
#21320e
#2c3b19
#394525
#475133
#565e42
#666d52
#777c64
#888b76
#999b88
#a9aa9b
#b9b9ad
#c8c8be
#d6d5cd
#e2e1db
#ebebe6
#f3f2ef
#f8f7f4
#fbfaf6
#fbf9f5
#f9f6f0
#f5f1e8
#efe9df
#e9e0d3
#e1d6c6
#d9cbb9
#d0bfaa
#c8b39b
#bfa68c
#b69a7d
#ad8e6f
#a68362
#9e7956
#98704b
#936842
#8f623a
#8d5f34
#8b5c2f
#8a5b2b
#8a5a27
#8a5b23
#8a5c20
#8b5e1e
#8b611c
#8c641b
#8d671a
#8e6b1a
#8f6f1c
#90731d
#90761f
#917a22
#917d24
#918026
#918227
#908428

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(23.62% 0.0661 132.89) 0.0%, oklch(26.04% 0.0641 131.63) 1.8%, oklch(29.15% 0.0613 130.12) 3.6%, oklch(32.88% 0.0580 128.38) 5.5%, oklch(37.12% 0.0541 126.43) 7.3%, oklch(41.79% 0.0499 124.31) 9.1%, oklch(46.78% 0.0454 122.04) 10.9%, oklch(52.00% 0.0407 119.64) 12.7%, oklch(57.36% 0.0358 117.14) 14.5%, oklch(62.76% 0.0310 114.57) 16.4%, oklch(68.11% 0.0263 111.95) 18.2%, oklch(73.31% 0.0218 109.30) 20.0%, oklch(78.28% 0.0176 106.66) 21.8%, oklch(82.91% 0.0138 104.05) 23.6%, oklch(87.10% 0.0104 101.50) 25.5%, oklch(90.78% 0.0077 99.02) 27.3%, oklch(93.84% 0.0057 96.65) 29.1%, oklch(96.18% 0.0044 94.41) 30.9%, oklch(97.72% 0.0040 92.33) 32.7%, oklch(98.37% 0.0046 90.36) 34.5%, oklch(98.21% 0.0062 88.29) 36.4%, oklch(97.32% 0.0086 86.14) 38.2%, oklch(95.79% 0.0117 83.92) 40.0%, oklch(93.69% 0.0154 81.66) 41.8%, oklch(91.11% 0.0197 79.41) 43.6%, oklch(88.14% 0.0245 77.17) 45.5%, oklch(84.87% 0.0296 74.99) 47.3%, oklch(81.36% 0.0350 72.88) 49.1%, oklch(77.72% 0.0406 70.88) 50.9%, oklch(74.02% 0.0463 69.01) 52.7%, oklch(70.34% 0.0520 67.30) 54.5%, oklch(66.78% 0.0575 65.78) 56.4%, oklch(63.41% 0.0629 64.48) 58.2%, oklch(60.32% 0.0680 63.42) 60.0%, oklch(57.60% 0.0727 62.64) 61.8%, oklch(55.32% 0.0769 62.15) 63.6%, oklch(53.58% 0.0806 62.00) 65.5%, oklch(52.43% 0.0836 62.20) 67.3%, oklch(51.69% 0.0863 62.88) 69.1%, oklch(51.24% 0.0889 64.01) 70.9%, oklch(51.06% 0.0912 65.55) 72.7%, oklch(51.12% 0.0933 67.43) 74.5%, oklch(51.40% 0.0953 69.61) 76.4%, oklch(51.85% 0.0970 72.04) 78.2%, oklch(52.46% 0.0987 74.66) 80.0%, oklch(53.18% 0.1002 77.42) 81.8%, oklch(54.01% 0.1016 80.27) 83.6%, oklch(54.89% 0.1029 83.15) 85.5%, oklch(55.80% 0.1040 86.02) 87.3%, oklch(56.72% 0.1051 88.81) 89.1%, oklch(57.61% 0.1061 91.49) 90.9%, oklch(58.45% 0.1070 93.99) 92.7%, oklch(59.20% 0.1079 96.26) 94.5%, oklch(59.83% 0.1087 98.25) 96.4%, oklch(60.32% 0.1095 99.91) 98.2%, oklch(60.63% 0.1102 101.19) 100.0%);

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

Gradient độ cao

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