Xanh dương, nâu vàng, xám và xanh cổ vịt (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #415569, #d6ac92, #5c536f, #91a29d, #2550b1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #415569
- #446272
- #4c767d
- #5f8d84
- #7da185
- #a1af85
- #beb487
- #cfb28b
- #d6ac92
- #d4a49a
- #ca9ba0
- #bb92a2
- #aa8aa2
- #99819d
- #857390
- #70627f
- #5c536f
- #4b4761
- #40415a
- #3d455c
- #445667
- #586e76
- #748989
- #91a29d
- #a5b5ac
- #a9bdaf
- #97baa8
- #6dafa2
- #2d9ca6
- #0081a9
- #0066af
- #2550b1
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(44.09% 0.0413 248.91) 0.0%, oklch(48.04% 0.0438 232.18) 3.2%, oklch(53.88% 0.0476 208.84) 6.5%, oklch(60.65% 0.0519 181.27) 9.7%, oklch(67.37% 0.0562 151.86) 12.9%, oklch(73.07% 0.0597 123.01) 16.1%, oklch(76.75% 0.0618 97.12) 19.4%, oklch(77.98% 0.0621 74.54) 22.6%, oklch(77.57% 0.0611 52.42) 25.8%, oklch(75.91% 0.0591 31.07) 29.0%, oklch(73.36% 0.0566 10.91) 32.3%, oklch(70.27% 0.0540 352.36) 35.5%, oklch(67.02% 0.0517 335.86) 38.7%, oklch(63.46% 0.0500 322.21) 41.9%, oklch(58.21% 0.0485 312.56) 45.2%, oklch(52.07% 0.0471 305.44) 48.4%, oklch(46.08% 0.0456 299.20) 51.6%, oklch(41.26% 0.0441 292.14) 54.8%, oklch(38.65% 0.0424 282.59) 58.1%, oklch(39.38% 0.0403 268.60) 61.3%, oklch(44.38% 0.0356 247.68) 64.5%, oklch(52.26% 0.0295 222.57) 67.7%, oklch(61.29% 0.0239 197.00) 71.0%, oklch(69.74% 0.0208 174.67) 74.2%, oklch(75.88% 0.0221 159.30) 77.4%, oklch(77.98% 0.0297 154.61) 80.6%, oklch(75.78% 0.0464 162.78) 83.9%, oklch(70.60% 0.0700 180.61) 87.1%, oklch(63.74% 0.0970 203.84) 90.3%, oklch(56.50% 0.1105 228.23) 93.5%, oklch(50.18% 0.1402 249.49) 96.8%, oklch(46.06% 0.1626 263.35) 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
