Xanh hải quân, xanh dương, tím và hồng (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #272e59, #2382ac, #418fd6, #9b5bc6, #fef6fc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
8 keyframe OKLCH chỉnh sửa được.
- #272e59
- #293361
- #2a3a6c
- #2b427a
- #2a4c87
- #285892
- #25659c
- #2274a5
- #2382ac
- #268eb3
- #2c9cba
- #37abc0
- #41b6c5
- #43bbcb
- #3ab6d0
- #33a6d5
- #418fd6
- #5679d0
- #646acb
- #6d61c9
- #755dc9
- #7d5bca
- #8a5bca
- #9b5bc6
- #b05cbf
- #c461b6
- #d56db2
- #e281b7
- #ec9fc9
- #f4c1df
- #fae0f1
- #fef6fc
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(31.89% 0.0758 274.22) 0.0%, oklch(33.66% 0.0815 272.00) 3.2%, oklch(36.16% 0.0898 268.96) 6.5%, oklch(39.12% 0.0986 265.13) 9.7%, oklch(42.32% 0.1056 260.55) 12.9%, oklch(45.63% 0.1089 255.05) 16.1%, oklch(49.36% 0.1093 248.11) 19.4%, oklch(53.31% 0.1082 240.51) 22.6%, oklch(57.19% 0.1067 233.14) 25.8%, oklch(60.72% 0.1061 226.89) 29.0%, oklch(64.56% 0.1053 219.87) 32.3%, oklch(68.51% 0.1043 212.60) 35.5%, oklch(71.69% 0.1043 207.62) 38.7%, oklch(73.22% 0.1063 207.49) 41.9%, oklch(72.10% 0.1118 215.02) 45.2%, oklch(68.34% 0.1205 230.09) 48.4%, oklch(63.47% 0.1306 248.49) 51.6%, oklch(59.07% 0.1404 265.88) 54.8%, oklch(56.62% 0.1480 278.08) 58.1%, oklch(55.63% 0.1550 285.38) 61.3%, oklch(55.50% 0.1614 290.25) 64.5%, oklch(56.10% 0.1661 294.67) 67.7%, oklch(57.27% 0.1681 300.61) 71.0%, oklch(58.92% 0.1681 309.80) 74.2%, oklch(61.12% 0.1671 321.31) 77.4%, oklch(63.98% 0.1629 332.78) 80.6%, oklch(67.61% 0.1534 341.84) 83.9%, oklch(72.30% 0.1356 346.21) 87.1%, oklch(78.94% 0.1054 345.83) 90.3%, oklch(86.45% 0.0692 342.71) 93.5%, oklch(93.31% 0.0355 338.93) 96.8%, oklch(98.03% 0.0124 336.57) 100.0%);Trong các bộ sưu tập này
Gradient hologramGradient vaporwaveBảng màu vaporwave
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
