Hồng, tím oải hương và xanh dương (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 90°: #f369c1, #ffa4db, #e6d6f4, #afd8fe, #62a9fd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
7 keyframe OKLCH chỉnh sửa được.
- #f369c1
- #f56ec4
- #f874c7
- #fb7cca
- #fd84cf
- #ff8cd2
- #ff94d5
- #ff9dd8
- #ffa4db
- #ffacdf
- #fdb3e3
- #fabae7
- #f6c2eb
- #f2c9ee
- #eecff0
- #ead3f2
- #e6d6f4
- #e1d9f8
- #dadbfb
- #d1ddfd
- #c9defe
- #c0ddfe
- #b8dbfe
- #afd8fe
- #a5d4ff
- #9ccfff
- #92caff
- #87c4ff
- #7bbcff
- #70b5fe
- #68aefe
- #62a9fd
CSS
background: linear-gradient(90deg in oklch, oklch(71.65% 0.1943 343.83) 0.0%, oklch(72.59% 0.1902 343.89) 3.2%, oklch(73.90% 0.1846 344.02) 6.5%, oklch(75.43% 0.1778 344.13) 9.7%, oklch(77.03% 0.1700 344.11) 12.9%, oklch(78.51% 0.1609 343.89) 16.1%, oklch(79.87% 0.1490 343.62) 19.4%, oklch(81.24% 0.1370 343.54) 22.6%, oklch(82.59% 0.1258 343.25) 25.8%, oklch(83.88% 0.1162 342.37) 29.0%, oklch(85.07% 0.1043 340.51) 32.3%, oklch(86.14% 0.0928 337.52) 35.5%, oklch(87.19% 0.0803 333.88) 38.7%, oklch(88.14% 0.0678 329.42) 41.9%, oklch(88.95% 0.0567 323.91) 45.2%, oklch(89.56% 0.0483 317.13) 48.4%, oklch(89.91% 0.0436 308.53) 51.6%, oklch(90.09% 0.0423 296.82) 54.8%, oklch(90.07% 0.0435 283.47) 58.1%, oklch(89.85% 0.0465 270.34) 61.3%, oklch(89.40% 0.0507 259.29) 64.5%, oklch(88.72% 0.0554 252.08) 67.7%, oklch(87.75% 0.0616 248.30) 71.0%, oklch(86.53% 0.0691 246.84) 74.2%, oklch(85.13% 0.0775 246.83) 77.4%, oklch(83.61% 0.0861 247.38) 80.6%, oklch(82.01% 0.0949 247.67) 83.9%, oklch(80.08% 0.1052 248.36) 87.1%, oklch(77.88% 0.1164 249.75) 90.3%, oklch(75.68% 0.1273 251.43) 93.5%, oklch(73.77% 0.1367 252.98) 96.8%, oklch(72.44% 0.1433 254.00) 100.0%);Trong các bộ sưu tập này
Gradient hologramGradient vaporwaveGradient bình minhGradient hoàng hôn mùa đông
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
