Đen, xanh lá, hồng và tím (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 315°: #15120f, #75d6a5, #e189ba, #ea702d, #6d59c6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#15120f
#241e16
#37311f
#4b4c2e
#5b6c44
#638e62
#66ae83
#6ac79d
#75d6a5
#90db96
#b6d478
#dcc460
#f4ae65
#fa9c81
#f3919e
#e78cb2
#e189ba
#e285b7
#e77fa9
#ed7a92
#f17776
#f07558
#ed743d
#ea702d
#e86837
#e45c4f
#db536d
#cb4e8c
#b44fa6
#9952b9
#8056c3
#6d59c6

CSS

background: linear-gradient(315deg in oklch, oklch(18.50% 0.0083 67.50) 0.0%, oklch(23.87% 0.0176 76.97) 3.2%, oklch(31.56% 0.0309 91.70) 6.5%, oklch(40.74% 0.0467 109.35) 9.7%, oklch(50.60% 0.0638 127.59) 12.9%, oklch(60.31% 0.0808 144.10) 16.1%, oklch(69.05% 0.0963 156.55) 19.4%, oklch(75.99% 0.1089 162.61) 22.6%, oklch(80.36% 0.1174 159.88) 25.8%, oklch(82.42% 0.1220 146.25) 29.0%, oklch(82.82% 0.1235 123.89) 32.3%, oklch(81.96% 0.1231 96.01) 35.5%, oklch(80.28% 0.1216 65.82) 38.7%, oklch(78.20% 0.1199 36.52) 41.9%, oklch(76.14% 0.1190 11.33) 45.2%, oklch(74.52% 0.1199 353.44) 48.4%, oklch(73.65% 0.1233 345.76) 51.6%, oklch(72.96% 0.1287 347.42) 54.8%, oklch(72.31% 0.1355 355.75) 58.1%, oklch(71.64% 0.1431 8.12) 61.3%, oklch(70.93% 0.1509 21.94) 64.5%, oklch(70.12% 0.1581 34.60) 67.7%, oklch(69.17% 0.1643 43.48) 71.0%, oklch(68.03% 0.1687 45.99) 74.2%, oklch(66.62% 0.1711 40.34) 77.4%, oklch(64.84% 0.1718 28.31) 80.6%, oklch(62.82% 0.1713 11.80) 83.9%, oklch(60.70% 0.1700 352.70) 87.1%, oklch(58.61% 0.1682 332.89) 90.3%, oklch(56.70% 0.1663 314.26) 93.5%, oklch(55.09% 0.1648 298.67) 96.8%, oklch(53.94% 0.1640 288.01) 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