Xanh dương, tím và hồng cá hồi tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh dương, tím và hồng cá hồi tông rực rỡ

Gradient tuyến tính, 32 màu, góc 180°: #5242ff, #7b58ff, #bb5beb, #f45a9e, #ff7661. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5242ff
#5544ff
#5947ff
#5d4aff
#624eff
#6751ff
#6d54ff
#7457ff
#7b58ff
#8259ff
#895afe
#915bfd
#985cfb
#a05cf9
#a95cf6
#b25cf1
#bb5beb
#c55ae3
#cf59da
#d858ce
#e158c2
#e958b5
#ef58a9
#f45a9e
#f85d94
#fb608a
#fd6381
#fe6778
#ff6c71
#ff706a
#ff7365
#ff7661

CSS

background: linear-gradient(180deg in oklch, oklch(53.15% 0.2632 276.33) 0.0%, oklch(53.63% 0.2609 276.98) 3.2%, oklch(54.26% 0.2575 277.74) 6.5%, oklch(55.02% 0.2533 278.64) 9.7%, oklch(55.87% 0.2488 279.71) 12.9%, oklch(56.75% 0.2443 280.99) 16.1%, oklch(57.63% 0.2402 282.50) 19.4%, oklch(58.47% 0.2369 284.30) 22.6%, oklch(59.24% 0.2346 286.39) 25.8%, oklch(59.98% 0.2324 288.67) 29.0%, oklch(60.72% 0.2302 291.12) 32.3%, oklch(61.45% 0.2282 293.80) 35.5%, oklch(62.18% 0.2263 296.76) 38.7%, oklch(62.89% 0.2244 300.06) 41.9%, oklch(63.58% 0.2225 303.75) 45.2%, oklch(64.25% 0.2203 307.89) 48.4%, oklch(64.88% 0.2178 312.58) 51.6%, oklch(65.49% 0.2152 318.11) 54.8%, oklch(66.08% 0.2125 324.28) 58.1%, oklch(66.65% 0.2097 330.87) 61.3%, oklch(67.20% 0.2068 337.61) 64.5%, oklch(67.73% 0.2038 344.28) 67.7%, oklch(68.26% 0.2008 350.61) 71.0%, oklch(68.77% 0.1978 356.38) 74.2%, oklch(69.29% 0.1947 1.59) 77.4%, oklch(69.82% 0.1911 6.74) 80.6%, oklch(70.36% 0.1874 11.75) 83.9%, oklch(70.88% 0.1837 16.48) 87.1%, oklch(71.36% 0.1799 20.84) 90.3%, oklch(71.80% 0.1759 24.70) 93.5%, oklch(72.16% 0.1731 27.94) 96.8%, oklch(72.44% 0.1714 30.46) 100.0%);

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

Gradient tươi sáng

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