Hồng, cam, vàng và tím tông rực rỡ (gradient tuyến tính)

Bảng màu Hồng, cam, vàng và tím tông rực rỡ

Gradient tuyến tính, 32 màu, góc 135°: #b82d91, #ff873d, #ffd048, #f46c7b, #4c43b8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b82d91
#c0308c
#ca3685
#d63d7c
#e24770
#ee5362
#f86252
#ff7342
#ff873d
#ff993b
#ffa93b
#ffb73b
#ffc238
#ffca35
#ffd037
#ffd23c
#ffd048
#ffca55
#ffc15d
#ffb561
#ffa662
#ff9364
#ff7d6a
#f46c7b
#e3608d
#ce569d
#b750aa
#9e4bb3
#8648b9
#7046bb
#5c44ba
#4c43b8

CSS

background: linear-gradient(135deg in oklch, oklch(54.72% 0.2012 341.72) 0.0%, oklch(56.07% 0.1997 346.21) 3.2%, oklch(57.91% 0.1977 352.46) 6.5%, oklch(60.17% 0.1953 0.15) 9.7%, oklch(62.75% 0.1926 8.97) 12.9%, oklch(65.57% 0.1897 18.61) 16.1%, oklch(68.54% 0.1866 28.75) 19.4%, oklch(71.57% 0.1830 39.09) 22.6%, oklch(74.59% 0.1685 49.30) 25.8%, oklch(77.50% 0.1596 59.09) 29.0%, oklch(80.21% 0.1553 68.13) 32.3%, oklch(82.64% 0.1553 76.11) 35.5%, oklch(84.71% 0.1585 82.72) 38.7%, oklch(86.32% 0.1632 87.65) 41.9%, oklch(87.39% 0.1644 90.58) 45.2%, oklch(87.84% 0.1631 91.21) 48.4%, oklch(87.56% 0.1559 89.21) 51.6%, oklch(86.56% 0.1448 84.40) 54.8%, oklch(84.90% 0.1361 77.10) 58.1%, oklch(82.68% 0.1325 67.67) 61.3%, oklch(80.00% 0.1348 56.48) 64.5%, oklch(76.94% 0.1441 43.89) 67.7%, oklch(73.61% 0.1621 30.25) 71.0%, oklch(70.09% 0.1674 15.94) 74.2%, oklch(66.48% 0.1689 1.31) 77.4%, oklch(62.87% 0.1705 346.73) 80.6%, oklch(59.35% 0.1721 332.55) 83.9%, oklch(56.03% 0.1736 319.14) 87.1%, oklch(52.98% 0.1750 306.86) 90.3%, oklch(50.31% 0.1762 296.08) 93.5%, oklch(48.10% 0.1771 287.14) 96.8%, oklch(46.46% 0.1778 280.43) 100.0%);

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

Áp phích nhạc chảo thép

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