Xanh lá đậm sang be (tương đồng) (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #18362c, #38644e, #6f996b, #b0bf83, #e9dcb2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #18362c
- #1a3a2f
- #1d3e32
- #204336
- #24493a
- #284f3f
- #2d5644
- #325d49
- #38644e
- #3e6b52
- #447156
- #4a785a
- #507e5e
- #578561
- #5f8c65
- #679268
- #6f996b
- #78a06e
- #81a670
- #8bac73
- #94b177
- #9db67a
- #a6bb7e
- #b0bf83
- #bac489
- #c3c88f
- #cccc95
- #d3d09c
- #dad3a3
- #e0d7a9
- #e5d9ae
- #e9dcb2
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(30.71% 0.0413 170.16) 0.0%, oklch(31.90% 0.0429 169.43) 3.2%, oklch(33.42% 0.0449 168.59) 6.5%, oklch(35.21% 0.0472 167.61) 9.7%, oklch(37.21% 0.0499 166.52) 12.9%, oklch(39.39% 0.0527 165.29) 16.1%, oklch(41.68% 0.0557 163.93) 19.4%, oklch(44.02% 0.0587 162.43) 22.6%, oklch(46.37% 0.0616 160.79) 25.8%, oklch(48.67% 0.0643 159.01) 29.0%, oklch(50.87% 0.0668 157.09) 32.3%, oklch(52.98% 0.0691 155.01) 35.5%, oklch(55.13% 0.0716 152.72) 38.7%, oklch(57.34% 0.0742 150.26) 41.9%, oklch(59.57% 0.0769 147.64) 45.2%, oklch(61.80% 0.0795 144.89) 48.4%, oklch(64.03% 0.0819 142.03) 51.6%, oklch(66.22% 0.0839 139.08) 54.8%, oklch(68.35% 0.0855 136.07) 58.1%, oklch(70.41% 0.0866 133.01) 61.3%, oklch(72.38% 0.0870 129.93) 64.5%, oklch(74.23% 0.0866 126.84) 67.7%, oklch(76.08% 0.0851 123.44) 71.0%, oklch(77.92% 0.0827 119.75) 74.2%, oklch(79.72% 0.0796 115.88) 77.4%, oklch(81.48% 0.0761 111.93) 80.6%, oklch(83.15% 0.0722 108.02) 83.9%, oklch(84.71% 0.0683 104.27) 87.1%, oklch(86.14% 0.0646 100.78) 90.3%, oklch(87.41% 0.0612 97.66) 93.5%, oklch(88.49% 0.0584 95.04) 96.8%, oklch(89.37% 0.0565 93.01) 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
