Xanh dương, xám, xanh lá và nâu (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #828ec0, #bbd5e3, #4c6381, #00293c, #9d8243. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #828ec0
- #8594c3
- #899cc8
- #8fa7ce
- #98b2d3
- #a1bdd9
- #abc7de
- #b4cfe1
- #bbd5e3
- #bed7e2
- #bdd4df
- #b5ccd7
- #a5beca
- #91abba
- #7994a8
- #627c95
- #4c6381
- #394c6f
- #28385e
- #1b2951
- #0f1f48
- #031c45
- #00213e
- #00293c
- #00353f
- #004343
- #005543
- #2b643c
- #536f37
- #737837
- #8c7e3c
- #9d8243
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(65.75% 0.0758 273.52) 0.0%, oklch(67.19% 0.0727 270.44) 3.2%, oklch(69.48% 0.0681 266.04) 6.5%, oklch(72.34% 0.0626 260.69) 9.7%, oklch(75.50% 0.0564 254.73) 12.9%, oklch(78.69% 0.0501 248.53) 16.1%, oklch(81.64% 0.0439 242.43) 19.4%, oklch(84.08% 0.0383 236.80) 22.6%, oklch(85.74% 0.0336 231.99) 25.8%, oklch(86.34% 0.0304 228.36) 29.0%, oklch(85.62% 0.0290 226.26) 32.3%, oklch(83.18% 0.0297 226.33) 35.5%, oklch(78.67% 0.0324 229.33) 38.7%, oklch(72.55% 0.0369 234.53) 41.9%, oklch(65.30% 0.0425 241.13) 45.2%, oklch(57.41% 0.0491 248.34) 48.4%, oklch(49.36% 0.0561 255.35) 51.6%, oklch(41.63% 0.0631 261.36) 54.8%, oklch(34.73% 0.0697 265.57) 58.1%, oklch(29.13% 0.0756 267.18) 61.3%, oklch(25.32% 0.0804 265.38) 64.5%, oklch(23.76% 0.0836 259.34) 67.7%, oklch(24.35% 0.0664 248.54) 71.0%, oklch(26.62% 0.0552 233.28) 74.2%, oklch(30.24% 0.0534 214.84) 77.4%, oklch(34.82% 0.0595 194.32) 80.6%, oklch(39.99% 0.0769 172.79) 83.9%, oklch(45.39% 0.0887 151.33) 87.1%, oklch(50.65% 0.0884 130.90) 90.3%, oklch(55.38% 0.0882 112.57) 93.5%, oklch(59.23% 0.0881 97.42) 96.8%, oklch(61.81% 0.0882 86.47) 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
