Đen, đỏ, vàng và xanh lá (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 20°: #000000, #ba002f, #ffc175, #e0ff97, #04f5b9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000000
#010000
#090002
#1d0007
#360012
#54001d
#750026
#98002d
#ba002f
#dc0027
#f71410
#ff4819
#ff6d32
#ff8846
#ff9e57
#ffb167
#ffc175
#ffcf80
#ffdb87
#ffe586
#ffef6f
#fbf91b
#ecff5c
#e0ff97
#d2ffa2
#c0ffa3
#a9ffa2
#89ffa1
#64fea4
#4afbac
#2ff7b3
#04f5b9

CSS

background: linear-gradient(20deg in oklch, oklch(0.00% 0.0000 0.00) 0.0%, oklch(3.79% 0.0153 2.06) 3.2%, oklch(8.88% 0.0357 4.40) 6.5%, oklch(14.82% 0.0595 5.89) 9.7%, oklch(21.44% 0.0859 7.75) 12.9%, oklch(28.54% 0.1141 10.20) 16.1%, oklch(35.84% 0.1432 13.07) 19.4%, oklch(43.08% 0.1723 16.35) 22.6%, oklch(49.99% 0.2008 20.07) 25.8%, oklch(56.32% 0.2279 24.26) 29.0%, oklch(61.79% 0.2471 28.96) 32.3%, oklch(66.39% 0.2252 34.30) 35.5%, oklch(70.71% 0.1915 40.51) 38.7%, oklch(74.77% 0.1648 47.45) 41.9%, oklch(78.55% 0.1441 54.94) 45.2%, oklch(82.02% 0.1286 62.81) 48.4%, oklch(85.17% 0.1178 70.91) 51.6%, oklch(87.97% 0.1116 79.06) 54.8%, oklch(90.39% 0.1110 87.11) 58.1%, oklch(92.43% 0.1195 94.87) 61.3%, oklch(94.04% 0.1486 102.19) 64.5%, oklch(95.20% 0.2027 108.94) 67.7%, oklch(95.66% 0.1828 115.71) 71.0%, oklch(95.47% 0.1343 122.59) 74.2%, oklch(94.75% 0.1273 129.46) 77.4%, oklch(93.64% 0.1348 136.19) 80.6%, oklch(92.28% 0.1493 142.66) 83.9%, oklch(90.78% 0.1675 148.76) 87.1%, oklch(89.30% 0.1818 154.36) 90.3%, oklch(87.96% 0.1797 159.34) 93.5%, oklch(86.89% 0.1779 163.58) 96.8%, oklch(86.22% 0.1764 166.97) 100.0%);

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

Glitchy glam

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