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

Gradient tuyến tính, 32 màu, góc 90°: #e949b0, #ff5384, #ff7b60, #ff9b3b, #edc700. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e949b0
#ec48ad
#ef48a9
#f347a4
#f7469f
#fb4698
#ff4591
#ff4c8b
#ff5384
#ff597e
#ff5e79
#ff6374
#ff6870
#ff6d6c
#ff7168
#ff7664
#ff7b60
#ff7f5c
#ff8358
#ff8854
#ff8c4f
#ff914a
#ff9643
#ff9b3b
#ffa12e
#ffa619
#fdad00
#f9b400
#f6ba00
#f3bf00
#f0c400
#edc700

CSS

background: linear-gradient(90deg in oklch, oklch(66.14% 0.2205 345.23) 0.0%, oklch(66.36% 0.2211 346.91) 3.2%, oklch(66.63% 0.2220 349.02) 6.5%, oklch(66.94% 0.2231 351.50) 9.7%, oklch(67.29% 0.2244 354.29) 12.9%, oklch(67.67% 0.2257 357.33) 16.1%, oklch(68.09% 0.2269 0.53) 19.4%, oklch(68.52% 0.2179 3.84) 22.6%, oklch(68.98% 0.2094 7.20) 25.8%, oklch(69.44% 0.2018 10.53) 29.0%, oklch(69.92% 0.1952 13.77) 32.3%, oklch(70.40% 0.1893 16.90) 35.5%, oklch(70.90% 0.1840 20.03) 38.7%, oklch(71.41% 0.1791 23.19) 41.9%, oklch(71.95% 0.1747 26.38) 45.2%, oklch(72.50% 0.1707 29.62) 48.4%, oklch(73.07% 0.1672 32.93) 51.6%, oklch(73.66% 0.1642 36.33) 54.8%, oklch(74.27% 0.1616 39.82) 58.1%, oklch(74.90% 0.1596 43.42) 61.3%, oklch(75.54% 0.1582 47.14) 64.5%, oklch(76.21% 0.1575 51.03) 67.7%, oklch(76.96% 0.1577 55.37) 71.0%, oklch(77.78% 0.1591 60.14) 74.2%, oklch(78.65% 0.1622 65.18) 77.4%, oklch(79.55% 0.1674 70.33) 80.6%, oklch(80.44% 0.1694 75.43) 83.9%, oklch(81.29% 0.1682 80.36) 87.1%, oklch(82.09% 0.1683 84.94) 90.3%, oklch(82.80% 0.1692 89.04) 93.5%, oklch(83.40% 0.1707 92.48) 96.8%, oklch(83.86% 0.1722 95.13) 100.0%);

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

Hồng đào Gradient neon

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