Xanh dương nhạt, tím và hồng (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 120°: #8be5dd, #293879, #dc389a, #ed70d3, #352268. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #8be5dd
- #7ad5d5
- #63bfc8
- #4aa5b8
- #3489a6
- #246e95
- #1f5686
- #21447c
- #293879
- #37327d
- #4b2f86
- #632f90
- #7f2f97
- #9d319c
- #b8329d
- #ce359c
- #dc389a
- #e83f9e
- #f14aa5
- #f855b0
- #fb5fbc
- #fb68c7
- #f66ecf
- #ed70d3
- #de6dd0
- #c765c9
- #aa5abc
- #8c4dab
- #6f4098
- #563484
- #422974
- #352268
CSS
background: linear-gradient(120deg in oklch, oklch(86.22% 0.0868 188.44) 0.0%, oklch(81.75% 0.0880 194.79) 3.2%, oklch(75.22% 0.0888 203.26) 6.5%, oklch(67.40% 0.0898 213.35) 9.7%, oklch(59.10% 0.0914 224.56) 12.9%, oklch(51.09% 0.0938 236.35) 16.1%, oklch(44.16% 0.0977 248.23) 19.4%, oklch(39.10% 0.1033 259.69) 22.6%, oklch(36.68% 0.1111 270.30) 25.8%, oklch(36.82% 0.1228 281.47) 29.0%, oklch(38.91% 0.1378 293.42) 32.3%, oklch(42.39% 0.1547 305.57) 35.5%, oklch(46.72% 0.1721 317.33) 38.7%, oklch(51.35% 0.1885 328.11) 41.9%, oklch(55.73% 0.2027 337.33) 45.2%, oklch(59.31% 0.2130 344.40) 48.4%, oklch(61.81% 0.2185 348.83) 51.6%, oklch(64.39% 0.2204 350.92) 54.8%, oklch(67.03% 0.2195 351.08) 58.1%, oklch(69.50% 0.2163 349.70) 61.3%, oklch(71.53% 0.2114 347.16) 64.5%, oklch(72.87% 0.2053 343.81) 67.7%, oklch(73.26% 0.1986 340.05) 71.0%, oklch(72.46% 0.1918 336.24) 74.2%, oklch(70.03% 0.1845 332.14) 77.4%, oklch(65.68% 0.1752 326.64) 80.6%, oklch(59.98% 0.1643 320.19) 83.9%, oklch(53.51% 0.1528 313.28) 87.1%, oklch(46.88% 0.1414 306.40) 90.3%, oklch(40.67% 0.1309 300.05) 93.5%, oklch(35.48% 0.1221 294.73) 96.8%, oklch(31.89% 0.1157 290.94) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
