Tím đậm, hồng, cam và xanh lá (gradient tuyến tính)

Gradient tuyến tính, 40 màu, góc 225°: #2b272f, #7f3865, #ec4827, #cf9800, #90c601. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2b272f
#2e2834
#332a39
#392c3f
#3f2e46
#48304c
#513253
#5b3459
#66355e
#723762
#7f3865
#8c3867
#993968
#a63966
#b33a63
#c03a5e
#cb3b58
#d53d4f
#df4045
#e64338
#ec4827
#f04d02
#ec5d00
#e76900
#e37400
#df7d00
#db8400
#d78c00
#d39200
#cf9800
#ca9e00
#c5a300
#c0a800
#baad00
#b4b200
#adb600
#a6bb00
#9fbf00
#97c200
#90c601

CSS

background: linear-gradient(225deg in oklch, oklch(27.95% 0.0165 305.16) 0.0%, oklch(28.96% 0.0221 307.56) 2.6%, oklch(30.18% 0.0289 310.35) 5.1%, oklch(31.59% 0.0370 313.50) 7.7%, oklch(33.17% 0.0461 316.99) 10.3%, oklch(34.90% 0.0561 320.78) 12.8%, oklch(36.76% 0.0668 324.84) 15.4%, oklch(38.71% 0.0781 329.13) 17.9%, oklch(40.75% 0.0898 333.64) 20.5%, oklch(42.84% 0.1017 338.33) 23.1%, oklch(44.97% 0.1138 343.17) 25.6%, oklch(47.11% 0.1258 348.12) 28.2%, oklch(49.24% 0.1376 353.17) 30.8%, oklch(51.34% 0.1490 358.27) 33.3%, oklch(53.38% 0.1600 3.40) 35.9%, oklch(55.35% 0.1702 8.53) 38.5%, oklch(57.21% 0.1796 13.62) 41.0%, oklch(58.94% 0.1881 18.65) 43.6%, oklch(60.54% 0.1954 23.59) 46.2%, oklch(61.96% 0.2015 28.40) 48.7%, oklch(63.20% 0.2061 33.12) 51.3%, oklch(64.36% 0.2097 38.07) 53.8%, oklch(65.45% 0.1930 43.24) 56.4%, oklch(66.46% 0.1793 48.63) 59.0%, oklch(67.41% 0.1686 54.17) 61.5%, oklch(68.30% 0.1604 59.84) 64.1%, oklch(69.13% 0.1544 65.57) 66.7%, oklch(69.91% 0.1502 71.33) 69.2%, oklch(70.63% 0.1477 77.08) 71.8%, oklch(71.30% 0.1467 82.77) 74.4%, oklch(71.92% 0.1470 88.35) 76.9%, oklch(72.50% 0.1486 93.79) 79.5%, oklch(73.04% 0.1514 99.05) 82.1%, oklch(73.55% 0.1554 104.07) 84.6%, oklch(74.02% 0.1604 108.82) 87.2%, oklch(74.46% 0.1664 113.25) 89.7%, oklch(74.88% 0.1732 117.31) 92.3%, oklch(75.27% 0.1805 120.98) 94.9%, oklch(75.63% 0.1882 124.20) 97.4%, oklch(75.98% 0.1957 126.92) 100.0%);

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

Gradient Halloween

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