Tím đậm, xanh dương, hồng và vàng (gradient tuyến tính)

Bảng màu Tím đậm, xanh dương, hồng và vàng

Gradient tuyến tính, 32 màu, góc 225°: #21122a, #5f3ec7, #c639cd, #ff5e1e, #9ce340. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#21122a
#271533
#2f1941
#381d52
#412367
#49297f
#513098
#5837b0
#5f3ec7
#6744db
#7148ea
#7d49f3
#8b48f5
#9a45f2
#a942ea
#b83ede
#c639cd
#d236b9
#de33a4
#e7338e
#f03778
#f83e61
#fe4945
#ff5e1e
#f67800
#ec8e00
#e3a000
#dab000
#cfbf00
#c0ce00
#adda0c
#9ce340

CSS

background: linear-gradient(225deg in oklch, oklch(21.65% 0.0482 312.89) 0.0%, oklch(23.67% 0.0596 311.04) 3.2%, oklch(26.39% 0.0753 308.09) 6.5%, oklch(29.64% 0.0942 304.39) 9.7%, oklch(33.28% 0.1153 300.30) 12.9%, oklch(37.14% 0.1376 296.18) 16.1%, oklch(41.07% 0.1599 292.40) 19.4%, oklch(44.92% 0.1814 289.30) 22.6%, oklch(48.53% 0.2009 287.26) 25.8%, oklch(51.73% 0.2174 286.62) 29.0%, oklch(54.38% 0.2298 287.75) 32.3%, oklch(56.39% 0.2376 290.86) 35.5%, oklch(57.90% 0.2421 295.56) 38.7%, oklch(59.02% 0.2438 301.61) 41.9%, oklch(59.84% 0.2433 308.83) 45.2%, oklch(60.47% 0.2410 317.02) 48.4%, oklch(60.97% 0.2376 325.97) 51.6%, oklch(61.46% 0.2334 335.49) 54.8%, oklch(62.02% 0.2290 345.38) 58.1%, oklch(62.75% 0.2250 355.45) 61.3%, oklch(63.73% 0.2219 5.49) 64.5%, oklch(65.05% 0.2199 15.42) 67.7%, oklch(66.71% 0.2182 26.49) 71.0%, oklch(68.64% 0.2080 38.77) 74.2%, oklch(70.74% 0.1824 51.82) 77.4%, oklch(72.95% 0.1633 65.26) 80.6%, oklch(75.17% 0.1563 78.67) 83.9%, oklch(77.34% 0.1582 91.61) 87.1%, oklch(79.37% 0.1674 103.67) 90.3%, oklch(81.19% 0.1831 114.44) 93.5%, oklch(82.71% 0.2023 123.50) 96.8%, oklch(83.86% 0.2012 130.42) 100.0%);

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

Màu siêu thực

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