Cam, tím, hồng và xanh dương tông rực rỡ (gradient tuyến tính)

Bảng màu Cam, tím, hồng và xanh dương tông rực rỡ

Gradient tuyến tính, 32 màu, góc 135°: #ef3e35, #ff881e, #6635e6, #df2b90, #1a56e7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ef3e35
#f2472d
#f5551d
#f76500
#f67700
#f78400
#f98d00
#fc8e00
#ff881e
#ff7a40
#fe615d
#ee4c83
#d33fa9
#b039c8
#8d37db
#7136e4
#6635e6
#6f32e4
#842ede
#9d2ad1
#b727be
#cc26a9
#da2897
#df2b90
#dc2d97
#d130a8
#bf35bd
#a63cd2
#8843e2
#664aea
#4351ea
#1a56e7

CSS

background: linear-gradient(135deg in oklch, oklch(62.99% 0.2150 28.13) 0.0%, oklch(64.19% 0.2112 31.55) 3.2%, oklch(66.08% 0.2055 37.35) 6.5%, oklch(68.33% 0.1977 44.31) 9.7%, oklch(70.66% 0.1835 51.26) 12.9%, oklch(72.75% 0.1761 56.99) 16.1%, oklch(74.30% 0.1738 60.29) 19.4%, oklch(75.01% 0.1759 59.98) 22.6%, oklch(74.56% 0.1770 54.78) 25.8%, oklch(72.64% 0.1772 42.69) 29.0%, oklch(69.53% 0.1915 24.96) 32.3%, oklch(65.69% 0.2018 3.85) 35.5%, oklch(61.56% 0.2130 341.63) 38.7%, oklch(57.57% 0.2239 320.56) 41.9%, oklch(54.18% 0.2335 302.89) 45.2%, oklch(51.83% 0.2404 290.90) 48.4%, oklch(50.91% 0.2438 286.73) 51.6%, oklch(51.27% 0.2444 290.35) 54.8%, oklch(52.56% 0.2430 299.61) 58.1%, oklch(54.43% 0.2403 312.28) 61.3%, oklch(56.55% 0.2367 326.12) 64.5%, oklch(58.58% 0.2330 338.90) 67.7%, oklch(60.17% 0.2298 348.38) 71.0%, oklch(60.98% 0.2277 352.33) 74.2%, oklch(60.83% 0.2268 349.28) 77.4%, oklch(60.01% 0.2263 340.77) 80.6%, oklch(58.71% 0.2262 328.41) 83.9%, oklch(57.12% 0.2264 313.76) 87.1%, oklch(55.43% 0.2267 298.37) 90.3%, oklch(53.82% 0.2270 283.82) 93.5%, oklch(52.47% 0.2273 271.65) 96.8%, oklch(51.57% 0.2274 263.43) 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