Xanh lá đậm, nâu vàng và đỏ (ba tông) (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #102a25, #3a6351, #c7cab7, #f7e1a4, #9e312e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #102a25
- #122e28
- #13332c
- #163a31
- #194136
- #1f493c
- #265143
- #2f5a49
- #3a6351
- #466d5a
- #537863
- #61846d
- #718f77
- #839c83
- #99aa92
- #b1baa4
- #c7cab7
- #d9d9c9
- #e7e5d6
- #f0ebd9
- #f6edd4
- #f9ecc9
- #fae8b8
- #f7e1a4
- #f3d68e
- #efc878
- #e8b261
- #dd964b
- #cd783a
- #bc5b31
- #ab432f
- #9e312e
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(26.38% 0.0344 177.19) 0.0%, oklch(27.76% 0.0369 176.43) 3.2%, oklch(29.58% 0.0406 175.50) 6.5%, oklch(31.78% 0.0448 174.34) 9.7%, oklch(34.28% 0.0490 172.94) 12.9%, oklch(37.02% 0.0525 171.23) 16.1%, oklch(39.95% 0.0549 169.19) 19.4%, oklch(43.06% 0.0557 166.96) 22.6%, oklch(46.44% 0.0557 164.77) 25.8%, oklch(50.07% 0.0550 162.35) 29.0%, oklch(53.91% 0.0536 159.42) 32.3%, oklch(57.93% 0.0516 155.71) 35.5%, oklch(62.09% 0.0493 150.93) 38.7%, oklch(66.54% 0.0460 144.59) 41.9%, oklch(71.87% 0.0401 136.05) 45.2%, oklch(77.61% 0.0330 126.18) 48.4%, oklch(83.22% 0.0262 115.95) 51.6%, oklch(88.16% 0.0215 106.35) 54.8%, oklch(91.88% 0.0203 98.37) 58.1%, oklch(93.93% 0.0244 92.99) 61.3%, oklch(94.73% 0.0345 90.59) 64.5%, oklch(94.51% 0.0487 90.13) 67.7%, oklch(93.36% 0.0651 90.44) 71.0%, oklch(91.35% 0.0817 90.32) 74.2%, oklch(88.56% 0.0967 88.59) 77.4%, oklch(85.04% 0.1081 84.06) 80.6%, oklch(79.79% 0.1170 76.03) 83.9%, oklch(72.99% 0.1247 65.52) 87.1%, oklch(65.51% 0.1313 53.89) 90.3%, oklch(58.21% 0.1367 42.53) 93.5%, oklch(51.97% 0.1411 32.80) 96.8%, oklch(47.64% 0.1447 26.07) 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
