Đen, tím, đỏ và nâu vàng (gradient tuyến tính)

Gradient tuyến tính, 40 màu, góc 135°: #110113, #34002d, #810042, #dd6200, #ffdb79. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#110113
#130115
#160117
#19001a
#1d001d
#200020
#240023
#280026
#2c0028
#30002b
#34002d
#38002f
#3c0031
#410033
#460035
#4d0038
#55003a
#5e003d
#69003f
#740041
#810042
#8e0042
#9c0040
#aa003c
#b80035
#c70028
#d21e16
#d83800
#d95000
#dd6200
#e17100
#e67f00
#eb8b00
#f19800
#f8a400
#feb100
#ffbe34
#ffca53
#ffd469
#ffdb79

CSS

background: linear-gradient(135deg in oklch, oklch(12.99% 0.0551 324.84) 0.0%, oklch(13.54% 0.0586 325.39) 2.6%, oklch(14.26% 0.0632 326.09) 5.1%, oklch(15.11% 0.0687 326.91) 7.7%, oklch(16.11% 0.0742 327.82) 10.3%, oklch(17.17% 0.0787 328.86) 12.8%, oklch(18.23% 0.0831 330.00) 15.4%, oklch(19.30% 0.0874 331.22) 17.9%, oklch(20.34% 0.0916 332.50) 20.5%, oklch(21.31% 0.0954 333.74) 23.1%, oklch(22.25% 0.0990 334.96) 25.6%, oklch(23.21% 0.1026 336.24) 28.2%, oklch(24.22% 0.1064 337.66) 30.8%, oklch(25.35% 0.1105 339.27) 33.3%, oklch(26.64% 0.1151 341.16) 35.9%, oklch(28.14% 0.1204 343.41) 38.5%, oklch(29.90% 0.1266 346.06) 41.0%, oklch(31.91% 0.1336 349.03) 43.6%, oklch(34.14% 0.1413 352.29) 46.2%, oklch(36.54% 0.1497 355.83) 48.7%, oklch(39.06% 0.1585 359.63) 51.3%, oklch(41.67% 0.1678 3.71) 53.8%, oklch(44.33% 0.1775 8.04) 56.4%, oklch(46.99% 0.1878 12.63) 59.0%, oklch(49.64% 0.1988 17.55) 61.5%, oklch(52.39% 0.2115 23.09) 64.1%, oklch(55.22% 0.2121 29.07) 66.7%, oklch(58.11% 0.2023 35.31) 69.2%, oklch(61.02% 0.1854 41.63) 71.8%, oklch(63.91% 0.1746 47.81) 74.4%, oklch(66.76% 0.1681 53.65) 76.9%, oklch(69.54% 0.1648 58.96) 79.5%, oklch(72.31% 0.1639 63.76) 82.1%, oklch(75.26% 0.1647 68.45) 84.6%, oklch(78.26% 0.1667 72.95) 87.2%, oklch(81.21% 0.1698 77.17) 89.7%, oklch(83.99% 0.1594 81.04) 92.3%, oklch(86.48% 0.1459 84.44) 94.9%, oklch(88.57% 0.1337 87.31) 97.4%, oklch(90.16% 0.1241 89.55) 100.0%);

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

Gradient Diwali

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