Hồng, tím, xanh dương và xanh cổ vịt tông rực rỡ (gradient tuyến tính)

Bảng màu Hồng, tím, xanh dương và xanh cổ vịt tông rực rỡ

Gradient tuyến tính, 32 màu, góc 90°: #d63767, #9c1fae, #4b4bd6, #1390c4, #33cd7e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d63767
#d3326e
#cf2d77
#c82781
#c0238c
#b92095
#b01f9e
#a61ea6
#9c1fae
#9321b6
#8824be
#7d28c4
#722eca
#6834cf
#5e3bd2
#5443d5
#4b4bd6
#4054d7
#355dd6
#2d67d3
#2a71d0
#297bcc
#2385c8
#1390c4
#009bbd
#03a4b5
#1badac
#27b4a5
#25bc9e
#22c394
#27c988
#33cd7e

CSS

background: linear-gradient(90deg in oklch, oklch(59.06% 0.1970 7.73) 0.0%, oklch(58.37% 0.1998 3.93) 3.2%, oklch(57.39% 0.2039 358.53) 6.5%, oklch(56.27% 0.2083 352.28) 9.7%, oklch(55.16% 0.2122 345.97) 12.9%, oklch(54.15% 0.2151 340.13) 16.1%, oklch(53.08% 0.2176 334.25) 19.4%, oklch(52.01% 0.2196 328.27) 22.6%, oklch(51.06% 0.2211 322.22) 25.8%, oklch(50.30% 0.2219 316.14) 29.0%, oklch(49.67% 0.2225 309.86) 32.3%, oklch(49.17% 0.2226 303.46) 35.5%, oklch(48.85% 0.2218 297.16) 38.7%, oklch(48.78% 0.2199 291.16) 41.9%, oklch(49.01% 0.2168 285.68) 45.2%, oklch(49.48% 0.2128 280.66) 48.4%, oklch(50.19% 0.2076 275.84) 51.6%, oklch(51.14% 0.2006 270.98) 54.8%, oklch(52.34% 0.1913 265.89) 58.1%, oklch(53.87% 0.1777 261.36) 61.3%, oklch(55.67% 0.1618 256.90) 64.5%, oklch(57.61% 0.1462 251.54) 67.7%, oklch(59.57% 0.1337 244.29) 71.0%, oklch(61.56% 0.1247 234.00) 74.2%, oklch(63.70% 0.1168 221.04) 77.4%, oklch(65.84% 0.1125 207.19) 80.6%, oklch(67.86% 0.1115 194.31) 83.9%, oklch(69.64% 0.1157 183.90) 87.1%, oklch(71.36% 0.1276 174.72) 90.3%, oklch(72.93% 0.1436 166.66) 93.5%, oklch(74.26% 0.1591 160.07) 96.8%, oklch(75.20% 0.1695 155.33) 100.0%);

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

Trang phục lông vũ đính kim sa

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