Tím, hồng, xanh cổ vịt và xanh lá nhạt tông rực rỡ (gradient tuyến tính)

Bảng màu Tím, hồng, xanh cổ vịt và xanh lá nhạt tông rực rỡ

Gradient tuyến tính, 32 màu, góc 135°: #a51acf, #e62d83, #82ae36, #29d0c9, #dce72c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a51acf
#ab1bca
#b21cc4
#ba1dbe
#c21fb6
#cb22ad
#d524a1
#de2893
#e62d83
#ed346f
#f23e57
#f34b35
#e76400
#d17e00
#bd8f00
#a69f00
#82ae36
#5bb769
#37bd8d
#1fc0a8
#1fc2ba
#27c5c5
#2acac9
#29d0c9
#2bd7c4
#3adeb9
#54e4a8
#75e892
#96ea78
#b4e95d
#cce843
#dce72c

CSS

background: linear-gradient(135deg in oklch, oklch(54.33% 0.2522 315.70) 0.0%, oklch(54.89% 0.2501 319.08) 3.2%, oklch(55.61% 0.2477 322.82) 6.5%, oklch(56.46% 0.2450 327.04) 9.7%, oklch(57.41% 0.2419 331.83) 12.9%, oklch(58.44% 0.2385 337.31) 16.1%, oklch(59.52% 0.2346 343.56) 19.4%, oklch(60.62% 0.2303 350.71) 22.6%, oklch(61.73% 0.2255 358.85) 25.8%, oklch(62.81% 0.2201 8.09) 29.0%, oklch(63.84% 0.2143 18.52) 32.3%, oklch(64.81% 0.2075 30.86) 35.5%, oklch(65.76% 0.1828 46.68) 38.7%, oklch(66.68% 0.1493 65.22) 41.9%, oklch(67.60% 0.1385 85.50) 45.2%, oklch(68.53% 0.1466 106.55) 48.4%, oklch(69.47% 0.1544 127.39) 51.6%, oklch(70.44% 0.1439 147.05) 54.8%, oklch(71.45% 0.1347 164.57) 58.1%, oklch(72.51% 0.1275 178.99) 61.3%, oklch(73.63% 0.1228 189.32) 64.5%, oklch(74.82% 0.1211 194.64) 67.7%, oklch(76.18% 0.1227 194.84) 71.0%, oklch(77.69% 0.1271 190.77) 74.2%, oklch(79.30% 0.1337 183.35) 77.4%, oklch(80.96% 0.1418 173.47) 80.6%, oklch(82.61% 0.1509 162.04) 83.9%, oklch(84.20% 0.1603 149.96) 87.1%, oklch(85.68% 0.1694 138.13) 90.3%, oklch(87.01% 0.1776 127.45) 93.5%, oklch(88.12% 0.1842 118.82) 96.8%, oklch(88.98% 0.1888 113.16) 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