Xanh dương, tím và hồng cá hồi tông rực rỡ (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 180°: #4c36f5, #7b5bfa, #c36ef0, #f56ba5, #f56d58. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #4c36f5
- #4f3af5
- #533ff6
- #5844f7
- #5e4af8
- #644ff8
- #6b54f9
- #7358fa
- #7b5bfa
- #835ffb
- #8b62fb
- #9465fb
- #9d68fb
- #a76afa
- #b06cf8
- #ba6df5
- #c36ef0
- #cd6ee8
- #d66ddf
- #df6cd4
- #e66cc8
- #ed6bbc
- #f16bb0
- #f56ba5
- #f86c9b
- #f96c90
- #fa6c85
- #f96b7a
- #f96c70
- #f86c67
- #f66c5f
- #f56d58
CSS
background: linear-gradient(180deg in oklch, oklch(50.39% 0.2632 276.33) 0.0%, oklch(51.08% 0.2601 276.98) 3.2%, oklch(52.00% 0.2560 277.74) 6.5%, oklch(53.10% 0.2510 278.64) 9.7%, oklch(54.32% 0.2455 279.71) 12.9%, oklch(55.60% 0.2399 280.99) 16.1%, oklch(56.90% 0.2344 282.50) 19.4%, oklch(58.16% 0.2293 284.29) 22.6%, oklch(59.34% 0.2250 286.39) 25.8%, oklch(60.56% 0.2211 288.67) 29.0%, oklch(61.83% 0.2175 291.12) 32.3%, oklch(63.13% 0.2140 293.80) 35.5%, oklch(64.40% 0.2107 296.76) 38.7%, oklch(65.61% 0.2076 300.06) 41.9%, oklch(66.72% 0.2044 303.75) 45.2%, oklch(67.69% 0.2014 307.89) 48.4%, oklch(68.49% 0.1982 312.58) 51.6%, oklch(69.16% 0.1950 318.11) 54.8%, oklch(69.73% 0.1918 324.28) 58.1%, oklch(70.20% 0.1886 330.87) 61.3%, oklch(70.57% 0.1856 337.61) 64.5%, oklch(70.87% 0.1828 344.28) 67.7%, oklch(71.08% 0.1803 350.61) 71.0%, oklch(71.23% 0.1782 356.38) 74.2%, oklch(71.29% 0.1765 1.59) 77.4%, oklch(71.19% 0.1753 6.74) 80.6%, oklch(70.99% 0.1744 11.75) 83.9%, oklch(70.71% 0.1737 16.48) 87.1%, oklch(70.40% 0.1732 20.84) 90.3%, oklch(70.10% 0.1729 24.70) 93.5%, oklch(69.85% 0.1726 27.94) 96.8%, oklch(69.69% 0.1722 30.46) 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
