Xanh hải quân, tím và hồng (ba tông) (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 270°: #071432, #1744a3, #5d43cb, #af2d96, #f04361. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
7 keyframe OKLCH chỉnh sửa được.
- #071432
- #08183b
- #0a1d47
- #0c2355
- #0e2a65
- #113174
- #133783
- #153e93
- #1744a3
- #1b4ab2
- #224ebf
- #2b50c7
- #354fcc
- #3e4dcd
- #4849cd
- #5246cc
- #5d43cb
- #693fc7
- #753bc1
- #8137ba
- #8c34b1
- #9732a9
- #a32fa0
- #af2d96
- #ba2c8c
- #c42c82
- #cd2e79
- #d63172
- #de366c
- #e53b68
- #eb3f64
- #f04361
CSS
background: linear-gradient(270deg in oklch, oklch(20.08% 0.0634 263.67) 0.0%, oklch(21.88% 0.0713 263.49) 3.2%, oklch(24.43% 0.0824 263.19) 6.5%, oklch(27.40% 0.0954 262.89) 9.7%, oklch(30.50% 0.1090 262.66) 12.9%, oklch(33.41% 0.1220 262.60) 16.1%, oklch(36.16% 0.1345 262.60) 19.4%, oklch(39.10% 0.1479 262.49) 22.6%, oklch(42.00% 0.1612 262.52) 25.8%, oklch(44.61% 0.1734 262.98) 29.0%, oklch(46.70% 0.1834 264.14) 32.3%, oklch(48.06% 0.1903 266.14) 35.5%, oklch(48.72% 0.1947 268.72) 38.7%, oklch(48.95% 0.1972 271.89) 41.9%, oklch(48.98% 0.1986 275.69) 45.2%, oklch(49.07% 0.1994 280.18) 48.4%, oklch(49.39% 0.2001 285.45) 51.6%, oklch(49.67% 0.1996 291.75) 54.8%, oklch(49.93% 0.1983 298.79) 58.1%, oklch(50.25% 0.1968 306.24) 61.3%, oklch(50.73% 0.1958 313.75) 64.5%, oklch(51.45% 0.1958 321.05) 67.7%, oklch(52.40% 0.1967 328.76) 71.0%, oklch(53.51% 0.1981 336.72) 74.2%, oklch(54.74% 0.1998 344.49) 77.4%, oklch(56.02% 0.2014 351.59) 80.6%, oklch(57.30% 0.2028 357.58) 83.9%, oklch(58.75% 0.2040 2.62) 87.1%, oklch(60.34% 0.2052 6.96) 90.3%, oklch(61.89% 0.2064 10.58) 93.5%, oklch(63.23% 0.2074 13.49) 96.8%, oklch(64.17% 0.2081 15.69) 100.0%);Trong các bộ sưu tập này
Gradient thiên hàGradient 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
