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

Bảng màu Đỏ, cam, xanh lá và xanh cổ vịt tông neon

Gradient tuyến tính, 32 màu, góc 90°: #ff1b3d, #ff5c18, #faab00, #3bd65a, #00d5cb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ff1b3d
#ff233b
#ff2a38
#ff3234
#fe3b30
#fe432c
#fe4b26
#fe5420
#ff5c18
#ff6716
#ff731e
#ff7f28
#ff8a30
#ff9435
#ff9d32
#ffa41e
#faab00
#eeb300
#deba00
#cbc000
#b3c700
#93cd00
#6cd33b
#3bd65a
#00d777
#00d68f
#00d5a0
#00d5ac
#00d5b7
#00d5bf
#00d5c5
#00d5cb

CSS

background: linear-gradient(90deg in oklch, oklch(63.78% 0.2481 22.50) 0.0%, oklch(64.07% 0.2450 23.64) 3.2%, oklch(64.41% 0.2415 25.02) 6.5%, oklch(64.82% 0.2373 26.66) 9.7%, oklch(65.30% 0.2319 28.57) 12.9%, oklch(65.87% 0.2262 30.76) 16.1%, oklch(66.57% 0.2204 33.24) 19.4%, oklch(67.39% 0.2148 36.04) 22.6%, oklch(68.38% 0.2095 39.15) 25.8%, oklch(69.70% 0.2020 42.33) 29.0%, oklch(71.32% 0.1915 45.59) 32.3%, oklch(73.10% 0.1808 49.11) 35.5%, oklch(74.91% 0.1711 53.02) 38.7%, oklch(76.61% 0.1642 57.50) 41.9%, oklch(78.08% 0.1617 62.69) 45.2%, oklch(79.16% 0.1666 68.76) 48.4%, oklch(79.76% 0.1676 75.94) 51.6%, oklch(79.88% 0.1638 84.77) 54.8%, oklch(79.65% 0.1635 94.84) 58.1%, oklch(79.18% 0.1685 105.67) 61.3%, oklch(78.58% 0.1808 116.73) 64.5%, oklch(77.98% 0.2026 127.53) 67.7%, oklch(77.47% 0.2086 137.56) 71.0%, oklch(77.19% 0.2098 146.32) 74.2%, oklch(77.17% 0.1957 153.72) 77.4%, oklch(77.29% 0.1733 160.54) 80.6%, oklch(77.50% 0.1593 166.78) 83.9%, oklch(77.77% 0.1502 172.42) 87.1%, oklch(78.07% 0.1443 177.43) 90.3%, oklch(78.35% 0.1405 181.78) 93.5%, oklch(78.59% 0.1382 185.45) 96.8%, oklch(78.74% 0.1367 188.41) 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