Hồng, xanh dương nhạt và xanh cổ vịt (gradient tuyến tính)

Bảng màu Hồng, xanh dương nhạt và xanh cổ vịt

Gradient tuyến tính, 32 màu, góc 0°: #ff52fd, #e092f6, #b2d7eb, #9effdb, #75ffcd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

8 keyframe OKLCH chỉnh sửa được.

#ff52fd
#fe55fe
#fb5dfc
#f767fb
#f370fa
#ef78f9
#ea81f8
#e589f7
#e092f6
#da9bf5
#d4a3f2
#d0acee
#cbb4ea
#c6bde9
#c0c5eb
#b8ceec
#b2d7eb
#afdfe6
#afe6e2
#acede1
#a5f4e0
#9dfbdf
#9affdd
#9effdb
#98ffd8
#8cffd6
#85fed4
#81fed3
#7bfed1
#76ffcf
#75ffce
#75ffcd

CSS

background: linear-gradient(0deg in oklch, oklch(73.62% 0.2743 328.36) 0.0%, oklch(73.85% 0.2707 327.98) 3.2%, oklch(74.16% 0.2580 327.50) 6.5%, oklch(74.55% 0.2430 326.79) 9.7%, oklch(74.99% 0.2272 325.76) 12.9%, oklch(75.48% 0.2114 324.38) 16.1%, oklch(76.02% 0.1947 322.88) 19.4%, oklch(76.63% 0.1771 321.04) 22.6%, oklch(77.30% 0.1589 318.55) 25.8%, oklch(78.07% 0.1407 315.15) 29.0%, oklch(78.92% 0.1202 312.23) 32.3%, oklch(79.85% 0.0983 309.21) 35.5%, oklch(80.86% 0.0781 304.13) 38.7%, oklch(81.96% 0.0625 295.00) 41.9%, oklch(83.16% 0.0532 279.17) 45.2%, oklch(84.51% 0.0485 256.12) 48.4%, oklch(85.92% 0.0477 230.59) 51.6%, oklch(87.29% 0.0502 207.49) 54.8%, oklch(88.54% 0.0558 191.53) 58.1%, oklch(89.84% 0.0672 181.94) 61.3%, oklch(91.10% 0.0825 176.27) 64.5%, oklch(92.17% 0.0981 172.92) 67.7%, oklch(92.85% 0.1070 170.27) 71.0%, oklch(92.98% 0.1055 168.13) 74.2%, oklch(92.64% 0.1115 167.74) 77.4%, oklch(92.06% 0.1210 168.26) 80.6%, oklch(91.53% 0.1249 168.80) 83.9%, oklch(91.25% 0.1286 168.62) 87.1%, oklch(91.11% 0.1338 168.11) 90.3%, oklch(91.03% 0.1392 167.55) 93.5%, oklch(90.98% 0.1405 167.04) 96.8%, oklch(90.94% 0.1414 166.68) 100.0%);

Trong các bộ sưu tập này

Gradient nhiều màu rực rỡ

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động