Xám, nâu, hồng và xanh dương nhạt (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #c2e8df, #796147, #965f61, #cc9464, #52c2d4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #c2e8df
- #bbdfd1
- #b1d1be
- #a7c0a8
- #9dad90
- #939979
- #8a8464
- #817253
- #796147
- #72553f
- #6e4c3b
- #6d483b
- #71483f
- #774b45
- #80504d
- #8a5757
- #965f61
- #a3686b
- #b07173
- #bb7978
- #c58079
- #cb8676
- #ce8c6e
- #cc9464
- #c49e5d
- #b4a95f
- #9db36d
- #83bc83
- #69c19d
- #57c3b4
- #50c2c7
- #52c2d4
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(90.16% 0.0413 179.30) 0.0%, oklch(87.25% 0.0420 171.10) 3.2%, oklch(83.15% 0.0426 159.96) 6.5%, oklch(78.17% 0.0434 146.57) 9.7%, oklch(72.62% 0.0442 131.62) 12.9%, oklch(66.82% 0.0452 115.79) 16.1%, oklch(61.07% 0.0463 99.78) 19.4%, oklch(55.70% 0.0477 84.27) 22.6%, oklch(51.01% 0.0492 69.96) 25.8%, oklch(47.32% 0.0510 57.54) 29.0%, oklch(44.94% 0.0530 47.68) 32.3%, oklch(44.09% 0.0554 40.39) 35.5%, oklch(44.54% 0.0583 33.81) 38.7%, oklch(46.06% 0.0615 27.99) 41.9%, oklch(48.41% 0.0651 23.12) 45.2%, oklch(51.35% 0.0689 19.43) 48.4%, oklch(54.66% 0.0727 17.09) 51.6%, oklch(58.11% 0.0765 16.34) 54.8%, oklch(61.45% 0.0801 17.35) 58.1%, oklch(64.46% 0.0835 20.35) 61.3%, oklch(66.91% 0.0865 25.53) 64.5%, oklch(68.60% 0.0890 33.24) 67.7%, oklch(69.92% 0.0912 45.26) 71.0%, oklch(71.04% 0.0932 61.25) 74.2%, oklch(71.98% 0.0950 80.19) 77.4%, oklch(72.77% 0.0967 101.06) 80.6%, oklch(73.43% 0.0982 122.85) 83.9%, oklch(73.98% 0.0995 144.53) 87.1%, oklch(74.45% 0.1006 165.11) 90.3%, oklch(74.86% 0.1017 183.54) 93.5%, oklch(75.23% 0.1026 198.83) 96.8%, oklch(75.59% 0.1033 209.94) 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
