Tím và xanh hải quân (tương đồng) (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #cf77e8, #22275c, #34367f, #915dcd, #a753ad. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #cf77e8
- #c875e5
- #c072e0
- #b66eda
- #ab69d3
- #9e65cc
- #925fc3
- #855aba
- #7754b0
- #6a4ea5
- #5e489a
- #52428f
- #463c84
- #3c3679
- #32306f
- #2a2b65
- #22275c
- #1c2254
- #161f4e
- #121c49
- #0f1a45
- #0d1943
- #0c1943
- #0d1944
- #0e1a46
- #101c4a
- #131f4f
- #172256
- #1b255d
- #202964
- #262d6d
- #2d3276
- #34367f
- #3b3b89
- #434092
- #4c449b
- #5449a4
- #5c4dad
- #6450b4
- #6b54bb
- #7256c1
- #7959c6
- #7e5ac9
- #825bcb
- #865ccd
- #8a5dcd
- #8e5dce
- #915dcd
- #945dcc
- #965ccb
- #995cc9
- #9b5bc7
- #9d5ac5
- #9e5ac3
- #a059c0
- #a158bd
- #a257bb
- #a356b8
- #a356b6
- #a455b3
- #a554b1
- #a554af
- #a654ae
- #a753ad
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(70.87% 0.1805 318.52) 0.0%, oklch(69.54% 0.1777 317.11) 1.6%, oklch(67.86% 0.1742 315.34) 3.2%, oklch(65.86% 0.1699 313.25) 4.8%, oklch(63.59% 0.1651 310.87) 6.3%, oklch(61.08% 0.1598 308.26) 7.9%, oklch(58.39% 0.1541 305.44) 9.5%, oklch(55.54% 0.1480 302.47) 11.1%, oklch(52.59% 0.1417 299.38) 12.7%, oklch(49.57% 0.1353 296.22) 14.3%, oklch(46.52% 0.1289 293.03) 15.9%, oklch(43.50% 0.1225 289.85) 17.5%, oklch(40.52% 0.1162 286.72) 19.0%, oklch(37.65% 0.1102 283.69) 20.6%, oklch(34.92% 0.1045 280.79) 22.2%, oklch(32.37% 0.0992 278.06) 23.8%, oklch(30.05% 0.0944 275.56) 25.4%, oklch(27.99% 0.0902 273.32) 27.0%, oklch(26.24% 0.0867 271.38) 28.6%, oklch(24.83% 0.0840 269.78) 30.2%, oklch(23.81% 0.0822 268.57) 31.7%, oklch(23.23% 0.0813 267.79) 33.3%, oklch(23.08% 0.0814 267.41) 34.9%, oklch(23.34% 0.0825 267.35) 36.5%, oklch(23.95% 0.0845 267.59) 38.1%, oklch(24.89% 0.0872 268.11) 39.7%, oklch(26.12% 0.0906 268.88) 41.3%, oklch(27.61% 0.0946 269.88) 42.9%, oklch(29.31% 0.0991 271.08) 44.4%, oklch(31.19% 0.1040 272.46) 46.0%, oklch(33.22% 0.1093 273.98) 47.6%, oklch(35.37% 0.1148 275.64) 49.2%, oklch(37.58% 0.1204 277.40) 50.8%, oklch(39.83% 0.1261 279.24) 52.4%, oklch(42.09% 0.1317 281.13) 54.0%, oklch(44.31% 0.1373 283.06) 55.6%, oklch(46.47% 0.1426 284.98) 57.1%, oklch(48.51% 0.1477 286.89) 58.7%, oklch(50.42% 0.1523 288.75) 60.3%, oklch(52.15% 0.1565 290.55) 61.9%, oklch(53.66% 0.1601 292.25) 63.5%, oklch(54.93% 0.1631 293.83) 65.1%, oklch(55.91% 0.1654 295.27) 66.7%, oklch(56.66% 0.1670 296.66) 68.3%, oklch(57.30% 0.1682 298.12) 69.8%, oklch(57.82% 0.1691 299.64) 71.4%, oklch(58.23% 0.1696 301.21) 73.0%, oklch(58.54% 0.1699 302.81) 74.6%, oklch(58.76% 0.1698 304.43) 76.2%, oklch(58.91% 0.1695 306.07) 77.8%, oklch(58.99% 0.1691 307.71) 79.4%, oklch(59.00% 0.1684 309.35) 81.0%, oklch(58.97% 0.1676 310.98) 82.5%, oklch(58.89% 0.1667 312.57) 84.1%, oklch(58.78% 0.1657 314.13) 85.7%, oklch(58.65% 0.1647 315.65) 87.3%, oklch(58.50% 0.1636 317.11) 88.9%, oklch(58.35% 0.1626 318.50) 90.5%, oklch(58.20% 0.1616 319.81) 92.1%, oklch(58.07% 0.1607 321.04) 93.7%, oklch(57.96% 0.1599 322.16) 95.2%, oklch(57.89% 0.1592 323.18) 96.8%, oklch(57.86% 0.1587 324.08) 98.4%, oklch(57.87% 0.1585 324.86) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
