Đỏ, vàng, xanh lá và xanh lơ tông neon (gradient tuyến tính)

Bảng màu Đỏ, vàng, xanh lá và xanh lơ tông neon

Gradient tuyến tính, 32 màu, góc 315°: #ff425b, #feac00, #beed00, #00d673, #00c9cf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ff425b
#ff4951
#ff5143
#ff5b31
#fe681c
#fe7700
#fd8a00
#fd9c00
#feac00
#fdba00
#fdc808
#fbd409
#f8e007
#f0e80a
#e3ed0d
#d2ee04
#beed00
#a8eb10
#91e927
#7ae637
#62e144
#46dd51
#22da60
#00d673
#00d485
#00d293
#00d19f
#04cfaa
#00ceb6
#00ccc1
#00cac9
#00c9cf

CSS

background: linear-gradient(315deg in oklch, oklch(66.53% 0.2229 18.98) 0.0%, oklch(66.99% 0.2175 22.97) 3.2%, oklch(67.58% 0.2123 28.59) 6.5%, oklch(68.45% 0.2065 35.25) 9.7%, oklch(69.75% 0.1986 42.36) 12.9%, oklch(71.67% 0.1905 49.62) 16.1%, oklch(74.35% 0.1784 57.78) 19.4%, oklch(77.42% 0.1719 66.37) 22.6%, oklch(80.44% 0.1699 74.76) 25.8%, oklch(83.01% 0.1709 82.35) 29.0%, oklch(85.44% 0.1736 89.15) 32.3%, oklch(87.79% 0.1794 95.49) 35.5%, oklch(89.70% 0.1867 101.47) 38.7%, oklch(90.82% 0.1939 107.20) 41.9%, oklch(90.81% 0.2005 112.73) 45.2%, oklch(89.76% 0.2084 117.98) 48.4%, oklch(88.09% 0.2160 122.96) 51.6%, oklch(86.24% 0.2222 127.72) 54.8%, oklch(84.59% 0.2251 132.27) 58.1%, oklch(82.79% 0.2259 136.40) 61.3%, oklch(80.87% 0.2248 140.26) 64.5%, oklch(79.08% 0.2212 144.13) 67.7%, oklch(77.71% 0.2148 148.32) 71.0%, oklch(76.92% 0.1984 152.91) 74.2%, oklch(76.58% 0.1801 157.70) 77.4%, oklch(76.48% 0.1660 162.72) 80.6%, oklch(76.45% 0.1548 168.00) 83.9%, oklch(76.31% 0.1452 173.72) 87.1%, oklch(76.18% 0.1377 180.59) 90.3%, oklch(76.09% 0.1324 187.79) 93.5%, oklch(76.03% 0.1299 194.18) 96.8%, oklch(75.99% 0.1292 198.63) 100.0%);

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

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

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