Xanh hải quân, xanh dương, tím và hồng (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 225°: #071534, #115f9f, #31c3e7, #8d64ef, #fa43b1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
7 keyframe OKLCH chỉnh sửa được.
- #071534
- #08193c
- #0b2047
- #0e2854
- #103162
- #123b71
- #13467f
- #13528f
- #115f9f
- #0c6cae
- #037abb
- #0089c6
- #009ace
- #0dabd6
- #26badb
- #32c2e0
- #31c3e7
- #2cbaed
- #36aaf2
- #4c96f4
- #6183f2
- #7275f0
- #806cef
- #8d64ef
- #9a5dee
- #a857ec
- #b651e7
- #c64bde
- #d648d2
- #e545c6
- #f144ba
- #fa43b1
CSS
background: linear-gradient(225deg in oklch, oklch(20.47% 0.0648 262.97) 0.0%, oklch(22.45% 0.0701 262.27) 3.2%, oklch(25.19% 0.0778 261.36) 6.5%, oklch(28.45% 0.0866 260.21) 9.7%, oklch(32.01% 0.0956 258.76) 12.9%, oklch(35.63% 0.1036 256.96) 16.1%, oklch(39.32% 0.1106 254.84) 19.4%, oklch(43.33% 0.1179 252.43) 22.6%, oklch(47.51% 0.1247 249.71) 25.8%, oklch(51.72% 0.1304 246.61) 29.0%, oklch(55.79% 0.1343 243.10) 32.3%, oklch(59.86% 0.1337 238.48) 35.5%, oklch(64.47% 0.1307 231.47) 38.7%, oklch(69.04% 0.1278 223.93) 41.9%, oklch(72.92% 0.1238 217.97) 45.2%, oklch(75.44% 0.1228 215.63) 48.4%, oklch(75.91% 0.1266 218.96) 51.6%, oklch(74.06% 0.1347 228.17) 54.8%, oklch(70.78% 0.1455 241.06) 58.1%, oklch(67.06% 0.1576 255.30) 61.3%, oklch(63.90% 0.1694 268.54) 64.5%, oklch(62.21% 0.1797 278.62) 67.7%, oklch(61.51% 0.1900 286.55) 71.0%, oklch(61.38% 0.2004 293.40) 74.2%, oklch(61.65% 0.2102 299.70) 77.4%, oklch(62.14% 0.2188 305.98) 80.6%, oklch(62.70% 0.2256 312.78) 83.9%, oklch(63.58% 0.2303 320.59) 87.1%, oklch(64.80% 0.2335 328.90) 90.3%, oklch(66.12% 0.2356 336.89) 93.5%, oklch(67.31% 0.2371 343.72) 96.8%, oklch(68.11% 0.2384 348.57) 100.0%);Trong các bộ sưu tập này
Gradient retroGradient thiên hàGradient vaporwaveGradient 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
