Tím, xanh dương và hồng (tương đồng) (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 45°: #d267c7, #744ba3, #6a6bdb, #fe8bc8, #4781ab. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #d267c7
- #ce66c6
- #c864c4
- #c162c2
- #ba5fbf
- #b15cbc
- #a95ab8
- #a157b4
- #9854b1
- #9051ad
- #894faa
- #824da7
- #7c4ca5
- #784ba4
- #744ba3
- #714ba5
- #6e4ca7
- #6b4daa
- #684fae
- #6551b2
- #6354b7
- #6157bc
- #5f5ac1
- #5d5dc6
- #5d61cb
- #5e64d0
- #6067d4
- #6469d8
- #6a6bdb
- #746ddf
- #816fe2
- #9071e4
- #a173e4
- #b175e3
- #c277e0
- #d17adc
- #df7dd7
- #ea80d2
- #f483cd
- #fa86c9
- #fe89c8
- #fe8bc8
- #fb8ccb
- #f48dcf
- #ea8dd4
- #dd8cd9
- #ce8cdc
- #bc8cde
- #a98bdd
- #968ad9
- #8489d3
- #7388cb
- #6386c2
- #5784b9
- #4e83b1
- #4781ab
CSS
background: linear-gradient(45deg in oklch, oklch(67.32% 0.1778 331.17) 0.0%, oklch(66.54% 0.1761 330.03) 1.8%, oklch(65.50% 0.1737 328.62) 3.6%, oklch(64.23% 0.1709 326.97) 5.5%, oklch(62.79% 0.1678 325.13) 7.3%, oklch(61.24% 0.1643 323.11) 9.1%, oklch(59.61% 0.1607 320.97) 10.9%, oklch(57.96% 0.1571 318.74) 12.7%, oklch(56.34% 0.1535 316.43) 14.5%, oklch(54.80% 0.1502 314.10) 16.4%, oklch(53.38% 0.1471 311.78) 18.2%, oklch(52.13% 0.1445 309.50) 20.0%, oklch(51.11% 0.1425 307.28) 21.8%, oklch(50.35% 0.1411 305.18) 23.6%, oklch(49.92% 0.1405 303.20) 25.5%, oklch(49.72% 0.1407 300.95) 27.3%, oklch(49.71% 0.1416 298.36) 29.1%, oklch(49.86% 0.1432 295.53) 30.9%, oklch(50.17% 0.1452 292.56) 32.7%, oklch(50.62% 0.1477 289.57) 34.5%, oklch(51.19% 0.1503 286.67) 36.4%, oklch(51.87% 0.1532 283.95) 38.2%, oklch(52.64% 0.1560 281.53) 40.0%, oklch(53.49% 0.1587 279.52) 41.8%, oklch(54.40% 0.1613 278.01) 43.6%, oklch(55.36% 0.1635 277.13) 45.5%, oklch(56.35% 0.1652 276.97) 47.3%, oklch(57.37% 0.1664 277.65) 49.1%, oklch(58.42% 0.1670 279.38) 50.9%, oklch(59.75% 0.1673 282.76) 52.7%, oklch(61.32% 0.1676 287.61) 54.5%, oklch(63.08% 0.1676 293.62) 56.4%, oklch(64.97% 0.1675 300.47) 58.2%, oklch(66.94% 0.1671 307.86) 60.0%, oklch(68.91% 0.1666 315.45) 61.8%, oklch(70.83% 0.1658 322.95) 63.6%, oklch(72.64% 0.1647 330.04) 65.5%, oklch(74.28% 0.1634 336.40) 67.3%, oklch(75.69% 0.1618 341.73) 69.1%, oklch(76.81% 0.1599 345.70) 70.9%, oklch(77.58% 0.1576 348.01) 72.7%, oklch(77.93% 0.1550 348.34) 74.5%, oklch(77.82% 0.1519 346.41) 76.4%, oklch(77.24% 0.1480 342.30) 78.2%, oklch(76.25% 0.1435 336.32) 80.0%, oklch(74.92% 0.1384 328.81) 81.8%, oklch(73.33% 0.1329 320.10) 83.6%, oklch(71.53% 0.1271 310.51) 85.5%, oklch(69.61% 0.1212 300.36) 87.3%, oklch(67.63% 0.1154 289.99) 89.1%, oklch(65.65% 0.1096 279.73) 90.9%, oklch(63.75% 0.1042 269.89) 92.7%, oklch(61.99% 0.0992 260.80) 94.5%, oklch(60.45% 0.0948 252.80) 96.4%, oklch(59.18% 0.0911 246.21) 98.2%, oklch(58.27% 0.0882 241.35) 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
