Xanh hải quân, xám, nâu vàng và tím (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 45°: #192b4c, #477299, #b4b88f, #eeba57, #413154. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
8 keyframe OKLCH chỉnh sửa được.
- #192b4c
- #1c3051
- #213757
- #273f60
- #2d4869
- #335173
- #395b80
- #3f668d
- #477299
- #4f7fa3
- #608caa
- #7599b0
- #89a6b4
- #97b0b7
- #9bb8b6
- #a0bca7
- #b4b88f
- #ceaf82
- #e0aa82
- #efb07e
- #f9bb71
- #f8c865
- #f3ca5c
- #eeba57
- #e0a15a
- #c98660
- #ae7064
- #965f63
- #7e4f61
- #66425e
- #503759
- #413154
CSS
background: linear-gradient(45deg in oklch, oklch(29.13% 0.0648 261.56) 0.0%, oklch(30.92% 0.0648 260.25) 3.2%, oklch(33.42% 0.0648 258.38) 6.5%, oklch(36.40% 0.0649 256.21) 9.7%, oklch(39.58% 0.0656 254.00) 12.9%, oklch(42.80% 0.0675 252.10) 16.1%, oklch(46.29% 0.0717 250.76) 19.4%, oklch(49.99% 0.0762 249.28) 22.6%, oklch(53.80% 0.0786 246.92) 25.8%, oklch(57.64% 0.0765 242.95) 29.0%, oklch(61.92% 0.0665 239.69) 32.3%, oklch(66.46% 0.0517 236.33) 35.5%, oklch(70.71% 0.0375 229.62) 38.7%, oklch(74.08% 0.0294 216.31) 41.9%, oklch(76.04% 0.0315 191.35) 45.2%, oklch(76.74% 0.0413 153.13) 48.4%, oklch(76.84% 0.0553 111.35) 51.6%, oklch(77.01% 0.0704 76.19) 54.8%, oklch(77.98% 0.0836 57.72) 58.1%, oklch(80.45% 0.0990 58.59) 61.3%, oklch(83.42% 0.1155 70.30) 64.5%, oklch(85.51% 0.1288 83.46) 67.7%, oklch(85.33% 0.1350 88.70) 71.0%, oklch(81.78% 0.1301 81.45) 74.2%, oklch(75.54% 0.1159 67.52) 77.4%, oklch(68.04% 0.0980 49.90) 80.6%, oklch(60.68% 0.0820 31.47) 83.9%, oklch(54.60% 0.0727 14.31) 87.1%, oklch(48.65% 0.0679 354.86) 90.3%, oklch(42.95% 0.0655 334.73) 93.5%, oklch(38.09% 0.0644 316.94) 96.8%, oklch(34.65% 0.0634 304.54) 100.0%);Trong các bộ sưu tập này
Gradient mùa hèGradient bình minh
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
