Xanh lá sang be (tương đồng) tông pastel (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #c8d9a4, #ece6c8, #ecebc3, #c2dc99, #88b149. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #c8d9a4
- #c9d9a4
- #cbdaa6
- #cddaa7
- #d0dba9
- #d3dbab
- #d5dcad
- #d8ddaf
- #dbdeb2
- #dedfb5
- #e0e0b7
- #e3e1ba
- #e5e2bd
- #e7e3c0
- #e9e4c3
- #ebe5c5
- #ece6c8
- #eee6ca
- #efe7cc
- #f0e8cd
- #f1e8ce
- #f1e9cf
- #f1e9cf
- #f1e9ce
- #f2eace
- #f1eacd
- #f1eacc
- #f1eacb
- #f0ebca
- #f0ebc8
- #efebc7
- #edebc5
- #ecebc3
- #eaebc1
- #e9ebbf
- #e6ebbd
- #e4ebbb
- #e2eab9
- #dfeab7
- #dce9b4
- #dae8b2
- #d7e7af
- #d4e6ac
- #d1e5a9
- #cde3a6
- #cae1a2
- #c6df9d
- #c2dc99
- #bed994
- #bad68e
- #b5d389
- #b1d083
- #adcd7e
- #a9ca78
- #a5c772
- #a0c46d
- #9dc167
- #99be62
- #95bb5d
- #92b958
- #8fb654
- #8db44f
- #8ab24c
- #88b149
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(85.83% 0.0730 122.34) 0.0%, oklch(86.03% 0.0720 121.51) 1.6%, oklch(86.29% 0.0706 120.44) 3.2%, oklch(86.60% 0.0690 119.15) 4.8%, oklch(86.95% 0.0671 117.69) 6.3%, oklch(87.33% 0.0650 116.07) 7.9%, oklch(87.74% 0.0628 114.32) 9.5%, oklch(88.17% 0.0604 112.48) 11.1%, oklch(88.63% 0.0580 110.57) 12.7%, oklch(89.09% 0.0555 108.63) 14.3%, oklch(89.55% 0.0530 106.67) 15.9%, oklch(90.02% 0.0505 104.74) 17.5%, oklch(90.48% 0.0481 102.85) 19.0%, oklch(90.93% 0.0458 101.04) 20.6%, oklch(91.35% 0.0437 99.33) 22.2%, oklch(91.76% 0.0417 97.76) 23.8%, oklch(92.13% 0.0400 96.35) 25.4%, oklch(92.46% 0.0385 95.13) 27.0%, oklch(92.75% 0.0373 94.13) 28.6%, oklch(92.99% 0.0364 93.39) 30.2%, oklch(93.18% 0.0359 92.92) 31.7%, oklch(93.31% 0.0358 92.75) 33.3%, oklch(93.39% 0.0361 92.91) 34.9%, oklch(93.46% 0.0367 93.37) 36.5%, oklch(93.51% 0.0376 94.09) 38.1%, oklch(93.55% 0.0387 95.05) 39.7%, oklch(93.56% 0.0401 96.23) 41.3%, oklch(93.55% 0.0416 97.60) 42.9%, oklch(93.51% 0.0434 99.13) 44.4%, oklch(93.45% 0.0454 100.80) 46.0%, oklch(93.37% 0.0475 102.57) 47.6%, oklch(93.25% 0.0498 104.42) 49.2%, oklch(93.11% 0.0522 106.33) 50.8%, oklch(92.94% 0.0547 108.26) 52.4%, oklch(92.73% 0.0573 110.19) 54.0%, oklch(92.49% 0.0599 112.09) 55.6%, oklch(92.22% 0.0626 113.94) 57.1%, oklch(91.91% 0.0653 115.70) 58.7%, oklch(91.56% 0.0680 117.36) 60.3%, oklch(91.17% 0.0707 118.87) 61.9%, oklch(90.74% 0.0734 120.23) 63.5%, oklch(90.28% 0.0760 121.40) 65.1%, oklch(89.76% 0.0785 122.34) 66.7%, oklch(89.18% 0.0811 123.13) 68.3%, oklch(88.48% 0.0840 123.82) 69.8%, oklch(87.70% 0.0869 124.42) 71.4%, oklch(86.85% 0.0901 124.94) 73.0%, oklch(85.92% 0.0933 125.40) 74.6%, oklch(84.93% 0.0967 125.78) 76.2%, oklch(83.90% 0.1001 126.10) 77.8%, oklch(82.84% 0.1035 126.37) 79.4%, oklch(81.75% 0.1070 126.59) 81.0%, oklch(80.65% 0.1105 126.76) 82.5%, oklch(79.54% 0.1139 126.90) 84.1%, oklch(78.45% 0.1173 127.01) 85.7%, oklch(77.38% 0.1206 127.09) 87.3%, oklch(76.33% 0.1238 127.16) 88.9%, oklch(75.34% 0.1268 127.21) 90.5%, oklch(74.39% 0.1297 127.26) 92.1%, oklch(73.51% 0.1323 127.31) 93.7%, oklch(72.71% 0.1348 127.36) 95.2%, oklch(71.99% 0.1370 127.43) 96.8%, oklch(71.37% 0.1389 127.52) 98.4%, oklch(70.87% 0.1406 127.63) 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
