Xanh hải quân, tím, hồng và xanh dương (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 225°: #081536, #423187, #b93eb3, #e68ecd, #344ca3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
8 keyframe OKLCH chỉnh sửa được.
- #081536
- #0b193e
- #0e1e4a
- #132357
- #192964
- #212c6e
- #2b2e78
- #363080
- #423187
- #4e328f
- #5b3497
- #69359e
- #7936a5
- #8837aa
- #9839ae
- #a83bb1
- #b93eb3
- #c844b4
- #d54eb6
- #e362b9
- #ef78bf
- #f58ac5
- #f393cb
- #e68ecd
- #cb80cd
- #a96ecb
- #8860c7
- #6f58c1
- #5b53b9
- #4b50b1
- #3e4ea9
- #344ca3
CSS
background: linear-gradient(225deg in oklch, oklch(20.87% 0.0675 265.08) 0.0%, oklch(22.59% 0.0744 265.39) 3.2%, oklch(25.05% 0.0844 265.70) 6.5%, oklch(27.84% 0.0956 266.46) 9.7%, oklch(30.50% 0.1062 268.17) 12.9%, oklch(32.70% 0.1150 271.27) 16.1%, oklch(34.63% 0.1228 275.77) 19.4%, oklch(36.49% 0.1303 281.12) 22.6%, oklch(38.39% 0.1378 286.80) 25.8%, oklch(40.47% 0.1459 292.25) 29.0%, oklch(42.72% 0.1551 297.70) 32.3%, oklch(45.08% 0.1648 303.31) 35.5%, oklch(47.53% 0.1743 308.91) 38.7%, oklch(50.05% 0.1826 314.32) 41.9%, oklch(52.64% 0.1901 319.54) 45.2%, oklch(55.27% 0.1984 324.84) 48.4%, oklch(58.00% 0.2050 329.90) 51.6%, oklch(60.85% 0.2075 334.34) 54.8%, oklch(63.95% 0.2031 337.92) 58.1%, oklch(68.26% 0.1880 341.83) 61.3%, oklch(72.98% 0.1670 345.33) 64.5%, oklch(76.71% 0.1465 346.89) 67.7%, oklch(78.04% 0.1332 344.98) 71.0%, oklch(75.72% 0.1315 337.79) 74.2%, oklch(70.41% 0.1377 325.88) 77.4%, oklch(63.83% 0.1472 312.10) 80.6%, oklch(57.72% 0.1551 299.34) 83.9%, oklch(53.59% 0.1572 290.05) 87.1%, oklch(50.52% 0.1550 282.66) 90.3%, oklch(48.11% 0.1508 276.56) 93.5%, oklch(46.25% 0.1462 271.76) 96.8%, oklch(44.88% 0.1433 268.25) 100.0%);Trong các bộ sưu tập này
Gradient 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
