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

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

Gradient tuyến tính, 32 màu, góc 135°: #1628ff, #0770ff, #1fc6ef, #fd518d, #ff5829. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1628ff
#162fff
#1937ff
#1d3fff
#2148ff
#2351ff
#225bff
#1c65ff
#0770ff
#0081ef
#0091e3
#009fdc
#00acd9
#00b8da
#00c0dd
#00c6e4
#1fc6ef
#41c0fe
#75b3ff
#97a2ff
#bb89ff
#dc71e1
#f25db6
#fd518d
#ff4f71
#ff515b
#ff524b
#ff5440
#ff5539
#ff5735
#ff5831
#ff5829

CSS

background: linear-gradient(135deg in oklch, oklch(47.64% 0.2963 265.78) 0.0%, oklch(48.40% 0.2914 265.64) 3.2%, oklch(49.35% 0.2851 265.76) 6.5%, oklch(50.48% 0.2776 265.92) 9.7%, oklch(51.77% 0.2691 265.89) 12.9%, oklch(53.21% 0.2597 265.47) 16.1%, oklch(54.80% 0.2496 264.44) 19.4%, oklch(56.51% 0.2391 262.57) 22.6%, oklch(58.36% 0.2286 259.56) 25.8%, oklch(60.68% 0.1898 253.45) 29.0%, oklch(63.43% 0.1586 244.67) 32.3%, oklch(66.40% 0.1403 234.73) 35.5%, oklch(69.35% 0.1316 225.15) 38.7%, oklch(72.07% 0.1290 217.42) 41.9%, oklch(74.33% 0.1301 213.06) 45.2%, oklch(75.91% 0.1332 213.57) 48.4%, oklch(76.60% 0.1353 220.54) 51.6%, oklch(76.40% 0.1404 234.74) 54.8%, oklch(75.53% 0.1279 254.37) 58.1%, oklch(74.19% 0.1342 277.42) 61.3%, oklch(72.62% 0.1714 301.84) 64.5%, oklch(71.03% 0.1914 325.60) 67.7%, oklch(69.64% 0.2036 346.68) 71.0%, oklch(68.66% 0.2122 3.05) 74.2%, oklch(68.17% 0.2107 13.92) 77.4%, oklch(67.90% 0.2096 21.59) 80.6%, oklch(67.79% 0.2101 26.77) 83.9%, oklch(67.81% 0.2106 30.04) 87.1%, oklch(67.89% 0.2106 31.99) 90.3%, oklch(68.00% 0.2101 33.20) 93.5%, oklch(68.09% 0.2099 34.27) 96.8%, oklch(68.11% 0.2105 35.76) 100.0%);

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

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

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