Xanh dương, xanh lá nhạt, nâu và xanh lá đậm (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #4c6b90, #d5e3b4, #978056, #1f370b, #1d4b79. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #4c6b90
- #4c7596
- #50849d
- #5896a4
- #69aaa9
- #81bcac
- #9eccae
- #bbdab1
- #d5e3b4
- #e9e8b7
- #f3e8b8
- #f3e1b3
- #ebd5a8
- #dcc398
- #c7ae83
- #b0976d
- #978056
- #7f6b3f
- #68582a
- #544817
- #433d08
- #373701
- #2c3602
- #1f370b
- #0b3b19
- #003e2b
- #00413a
- #004448
- #004856
- #004b65
- #084c74
- #1d4b79
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(51.97% 0.0689 253.12) 0.0%, oklch(54.71% 0.0685 243.25) 3.2%, oklch(58.77% 0.0680 229.67) 6.5%, oklch(63.76% 0.0673 213.28) 9.7%, oklch(69.29% 0.0666 195.00) 12.9%, oklch(74.99% 0.0658 175.73) 16.1%, oklch(80.49% 0.0651 156.37) 19.4%, oklch(85.38% 0.0644 137.83) 22.6%, oklch(89.30% 0.0639 121.01) 25.8%, oklch(91.87% 0.0635 106.82) 29.0%, oklch(92.70% 0.0634 96.17) 32.3%, oklch(91.39% 0.0635 89.30) 35.5%, oklch(87.92% 0.0636 84.52) 38.7%, oklch(82.72% 0.0639 81.58) 41.9%, oklch(76.23% 0.0643 80.35) 45.2%, oklch(68.91% 0.0648 80.72) 48.4%, oklch(61.21% 0.0654 82.57) 51.6%, oklch(53.58% 0.0662 85.78) 54.8%, oklch(46.47% 0.0671 90.23) 58.1%, oklch(40.32% 0.0682 95.81) 61.3%, oklch(35.60% 0.0694 102.40) 64.5%, oklch(32.70% 0.0708 110.04) 67.7%, oklch(31.19% 0.0725 120.52) 71.0%, oklch(30.73% 0.0747 133.79) 74.2%, oklch(31.10% 0.0770 149.10) 77.4%, oklch(32.13% 0.0670 165.65) 80.6%, oklch(33.59% 0.0599 182.86) 83.9%, oklch(35.29% 0.0600 199.88) 87.1%, oklch(37.04% 0.0658 215.95) 90.3%, oklch(38.63% 0.0773 230.33) 93.5%, oklch(39.87% 0.0910 242.23) 96.8%, oklch(40.55% 0.0923 251.01) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
