Xanh lá, nâu vàng, xanh dương nhạt và nâu (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #86a847, #e6c285, #b2e4ca, #79bbb8, #7e3c20. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #86a847
- #8aa948
- #8faa49
- #95ab4a
- #9cac4b
- #a3ad4d
- #aaae50
- #b2b053
- #b9b157
- #c1b35c
- #c8b561
- #ceb767
- #d4b96d
- #d9bb73
- #debd79
- #e2c07f
- #e6c285
- #e8c48a
- #eac78e
- #ecc992
- #eccb95
- #eccd98
- #eacf9a
- #e7d29c
- #e4d49e
- #dfd7a1
- #dadaa5
- #d4ddaa
- #cddfaf
- #c6e1b5
- #bfe3bc
- #b8e4c3
- #b2e4ca
- #ade4d0
- #aae3d6
- #a7e2db
- #a5e0df
- #a3dee2
- #a2dbe4
- #a0d8e4
- #9ed5e3
- #9cd2e2
- #98cfdf
- #94ccda
- #8ec8d4
- #87c4cd
- #80c0c3
- #79bbb8
- #73b5ac
- #6faf9e
- #6da88e
- #6da17e
- #6f986d
- #72905c
- #77864c
- #7b7c3d
- #7e7230
- #816825
- #835f1d
- #835619
- #834e19
- #82471b
- #80411e
- #7e3c20
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(68.50% 0.1309 125.86) 0.0%, oklch(68.99% 0.1295 124.51) 1.6%, oklch(69.59% 0.1277 122.63) 3.2%, oklch(70.29% 0.1257 120.28) 4.8%, oklch(71.09% 0.1235 117.54) 6.3%, oklch(71.97% 0.1210 114.48) 7.9%, oklch(72.91% 0.1184 111.18) 9.5%, oklch(73.90% 0.1156 107.70) 11.1%, oklch(74.93% 0.1127 104.12) 12.7%, oklch(75.99% 0.1097 100.52) 14.3%, oklch(77.07% 0.1066 96.95) 15.9%, oklch(78.15% 0.1035 93.51) 17.5%, oklch(79.21% 0.1004 90.26) 19.0%, oklch(80.26% 0.0973 87.26) 20.6%, oklch(81.26% 0.0943 84.61) 22.2%, oklch(82.22% 0.0914 82.36) 23.8%, oklch(83.12% 0.0886 80.59) 25.4%, oklch(83.94% 0.0859 79.37) 27.0%, oklch(84.67% 0.0834 78.78) 28.6%, oklch(85.30% 0.0811 78.88) 30.2%, oklch(85.83% 0.0790 79.76) 31.7%, oklch(86.22% 0.0772 81.48) 33.3%, oklch(86.54% 0.0755 84.37) 34.9%, oklch(86.83% 0.0739 88.63) 36.5%, oklch(87.10% 0.0724 94.08) 38.1%, oklch(87.33% 0.0709 100.58) 39.7%, oklch(87.53% 0.0694 107.95) 41.3%, oklch(87.68% 0.0681 116.06) 42.9%, oklch(87.80% 0.0668 124.72) 44.4%, oklch(87.86% 0.0656 133.80) 46.0%, oklch(87.87% 0.0645 143.12) 47.6%, oklch(87.82% 0.0635 152.54) 49.2%, oklch(87.71% 0.0626 161.89) 50.8%, oklch(87.53% 0.0618 171.01) 52.4%, oklch(87.28% 0.0611 179.74) 54.0%, oklch(86.96% 0.0606 187.93) 55.6%, oklch(86.56% 0.0602 195.42) 57.1%, oklch(86.08% 0.0599 202.05) 58.7%, oklch(85.51% 0.0597 207.66) 60.3%, oklch(84.85% 0.0597 212.09) 61.9%, oklch(84.10% 0.0598 215.19) 63.5%, oklch(83.24% 0.0602 216.79) 65.1%, oklch(82.28% 0.0606 216.74) 66.7%, oklch(81.15% 0.0614 214.94) 68.3%, oklch(79.80% 0.0624 211.49) 69.8%, oklch(78.25% 0.0637 206.55) 71.4%, oklch(76.53% 0.0653 200.29) 73.0%, oklch(74.66% 0.0671 192.86) 74.6%, oklch(72.66% 0.0691 184.41) 76.2%, oklch(70.56% 0.0712 175.10) 77.8%, oklch(68.38% 0.0735 165.08) 79.4%, oklch(66.15% 0.0759 154.53) 81.0%, oklch(63.88% 0.0783 143.58) 82.5%, oklch(61.61% 0.0808 132.40) 84.1%, oklch(59.35% 0.0833 121.15) 85.7%, oklch(57.14% 0.0857 109.98) 87.3%, oklch(54.99% 0.0881 99.05) 88.9%, oklch(52.92% 0.0904 88.51) 90.5%, oklch(50.97% 0.0926 78.53) 92.1%, oklch(49.15% 0.0946 69.25) 93.7%, oklch(47.49% 0.0965 60.84) 95.2%, oklch(46.01% 0.0981 53.46) 96.8%, oklch(44.74% 0.0995 47.25) 98.4%, oklch(43.70% 0.1006 42.38) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
