Xám, xanh dương nhạt, tím oải hương và hồng (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #969e94, #f54c13, #bab1ff, #b6ccff, #e81467. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #969e94
- #959e90
- #949e8a
- #949e83
- #959e7a
- #979d6f
- #9c9b62
- #a29853
- #aa9442
- #b38f2d
- #bd880c
- #c58200
- #cc7c00
- #d57400
- #de6a00
- #ea5d00
- #f54c13
- #fa4132
- #fe3749
- #ff325e
- #ff3072
- #ff2f84
- #fe3496
- #fa3da9
- #f649bc
- #f055cf
- #e962e0
- #e26fef
- #d97cfc
- #ce8dff
- #c59bff
- #bea7ff
- #bab1ff
- #b8baff
- #b7c1ff
- #b8c8ff
- #b9ceff
- #bad2ff
- #bcd6ff
- #bdd9ff
- #bfdbff
- #bfdcff
- #c0dcfe
- #bfdbfd
- #bdd9fd
- #bbd6fe
- #b8d2ff
- #b6ccff
- #b5c6ff
- #b5beff
- #b7b5ff
- #baabfd
- #bfa0f9
- #c495f2
- #ca89e9
- #d07cde
- #d670d1
- #db63c2
- #df57b1
- #e34aa1
- #e53d90
- #e73081
- #e82373
- #e81467
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(68.90% 0.0165 136.41) 0.0%, oklch(68.80% 0.0229 132.92) 1.6%, oklch(68.64% 0.0310 128.82) 3.2%, oklch(68.43% 0.0407 124.18) 4.8%, oklch(68.17% 0.0518 119.03) 6.3%, oklch(67.89% 0.0639 113.43) 7.9%, oklch(67.58% 0.0771 107.42) 9.5%, oklch(67.25% 0.0909 101.06) 11.1%, oklch(66.92% 0.1052 94.40) 12.7%, oklch(66.59% 0.1199 87.49) 14.3%, oklch(66.27% 0.1347 80.38) 15.9%, oklch(65.97% 0.1404 73.10) 17.5%, oklch(65.71% 0.1466 65.73) 19.0%, oklch(65.48% 0.1562 58.32) 20.6%, oklch(65.30% 0.1704 50.91) 22.2%, oklch(65.17% 0.1911 43.54) 23.8%, oklch(65.12% 0.2136 36.30) 25.4%, oklch(65.13% 0.2232 29.19) 27.0%, oklch(65.24% 0.2313 22.28) 28.6%, oklch(65.43% 0.2352 15.62) 30.2%, oklch(65.73% 0.2381 9.26) 31.7%, oklch(66.14% 0.2423 3.25) 33.3%, oklch(66.72% 0.2435 357.25) 34.9%, oklch(67.51% 0.2406 350.90) 36.5%, oklch(68.47% 0.2355 344.26) 38.1%, oklch(69.59% 0.2285 337.41) 39.7%, oklch(70.84% 0.2198 330.42) 41.3%, oklch(72.20% 0.2096 323.34) 42.9%, oklch(73.64% 0.1982 316.25) 44.4%, oklch(75.13% 0.1705 309.21) 46.0%, oklch(76.66% 0.1444 302.28) 47.6%, oklch(78.20% 0.1247 295.54) 49.2%, oklch(79.72% 0.1093 289.04) 50.8%, oklch(81.20% 0.0972 282.86) 52.4%, oklch(82.61% 0.0874 277.06) 54.0%, oklch(83.93% 0.0794 271.71) 55.6%, oklch(85.14% 0.0729 266.87) 57.1%, oklch(86.20% 0.0676 262.60) 58.7%, oklch(87.11% 0.0634 258.99) 60.3%, oklch(87.82% 0.0603 256.08) 61.9%, oklch(88.32% 0.0582 253.95) 63.5%, oklch(88.58% 0.0566 252.67) 65.1%, oklch(88.58% 0.0551 252.30) 66.7%, oklch(88.30% 0.0559 253.02) 68.3%, oklch(87.75% 0.0586 254.92) 69.8%, oklch(86.95% 0.0630 257.89) 71.4%, oklch(85.94% 0.0689 261.81) 73.0%, oklch(84.73% 0.0750 266.58) 74.6%, oklch(83.36% 0.0824 272.08) 76.2%, oklch(81.85% 0.0918 278.21) 77.8%, oklch(80.22% 0.1037 284.84) 79.4%, oklch(78.50% 0.1155 291.88) 81.0%, oklch(76.72% 0.1270 299.21) 82.5%, oklch(74.90% 0.1388 306.73) 84.1%, oklch(73.07% 0.1507 314.31) 85.7%, oklch(71.25% 0.1626 321.85) 87.3%, oklch(69.47% 0.1742 329.24) 88.9%, oklch(67.75% 0.1854 336.37) 90.5%, oklch(66.12% 0.1960 343.13) 92.1%, oklch(64.61% 0.2059 349.41) 93.7%, oklch(63.24% 0.2148 355.09) 95.2%, oklch(62.04% 0.2227 0.07) 96.8%, oklch(61.03% 0.2292 4.24) 98.4%, oklch(60.24% 0.2343 7.48) 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
