Xanh hải quân sang tím (tương đồng) (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 180°: #070927, #170f46, #361974, #682aa3, #a339ca. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #070927
- #080929
- #0a0a2c
- #0b0b30
- #0d0c34
- #0f0d38
- #110e3c
- #140f41
- #170f46
- #1a104c
- #1d1151
- #211357
- #24145c
- #281562
- #2d1668
- #31176e
- #361974
- #3b1b7a
- #421d80
- #481f87
- #50228e
- #582495
- #60279c
- #682aa3
- #712caa
- #792fb0
- #8231b6
- #8a33bb
- #9135c0
- #9837c4
- #9e38c7
- #a339ca
CSS
background: linear-gradient(180deg in oklch, oklch(16.14% 0.0606 274.92) 0.0%, oklch(16.67% 0.0635 275.44) 3.2%, oklch(17.27% 0.0670 276.03) 6.5%, oklch(17.95% 0.0711 276.69) 9.7%, oklch(18.70% 0.0756 277.43) 12.9%, oklch(19.51% 0.0805 278.23) 16.1%, oklch(20.39% 0.0858 279.09) 19.4%, oklch(21.33% 0.0913 280.01) 22.6%, oklch(22.33% 0.0971 280.98) 25.8%, oklch(23.37% 0.1030 282.01) 29.0%, oklch(24.46% 0.1089 283.09) 32.3%, oklch(25.59% 0.1150 284.21) 35.5%, oklch(26.76% 0.1209 285.37) 38.7%, oklch(27.97% 0.1268 286.57) 41.9%, oklch(29.20% 0.1325 287.80) 45.2%, oklch(30.46% 0.1379 289.07) 48.4%, oklch(31.77% 0.1432 290.39) 51.6%, oklch(33.22% 0.1486 291.86) 54.8%, oklch(34.82% 0.1543 293.48) 58.1%, oklch(36.53% 0.1602 295.23) 61.3%, oklch(38.33% 0.1661 297.07) 64.5%, oklch(40.18% 0.1722 298.97) 67.7%, oklch(42.07% 0.1781 300.90) 71.0%, oklch(43.97% 0.1841 302.84) 74.2%, oklch(45.84% 0.1898 304.76) 77.4%, oklch(47.66% 0.1953 306.62) 80.6%, oklch(49.39% 0.2006 308.40) 83.9%, oklch(51.02% 0.2055 310.07) 87.1%, oklch(52.52% 0.2100 311.61) 90.3%, oklch(53.85% 0.2141 312.97) 93.5%, oklch(54.99% 0.2176 314.14) 96.8%, oklch(55.91% 0.2205 315.08) 100.0%);Trong các bộ sưu tập này
Gradient cyberpunkGradient retroGradient synthwave
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
