Đen, đỏ và cam (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #080404, #430d0d, #99030c, #d61314, #f3572b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#080404
#0c0505
#120606
#180706
#200908
#280a09
#310b0a
#3a0c0c
#430d0d
#4d0d0e
#570d0e
#620c0e
#6e0b0e
#79090e
#84070d
#8f050c
#99030c
#a3020c
#ad010c
#b6000d
#bf010f
#c70410
#cf0a12
#d61314
#dc1d16
#e12818
#e6321b
#ea3c1f
#ed4522
#ef4d26
#f25329
#f3572b

CSS

background: linear-gradient(135deg in oklch, oklch(11.81% 0.0096 25.31) 0.0%, oklch(12.86% 0.0151 25.30) 3.2%, oklch(14.23% 0.0223 25.26) 6.5%, oklch(15.86% 0.0309 25.22) 9.7%, oklch(17.68% 0.0404 25.18) 12.9%, oklch(19.64% 0.0507 25.16) 16.1%, oklch(21.67% 0.0614 25.17) 19.4%, oklch(23.70% 0.0721 25.23) 22.6%, oklch(25.69% 0.0825 25.35) 25.8%, oklch(27.76% 0.0937 25.55) 29.0%, oklch(29.95% 0.1057 25.80) 32.3%, oklch(32.21% 0.1181 26.10) 35.5%, oklch(34.50% 0.1306 26.43) 38.7%, oklch(36.77% 0.1428 26.75) 41.9%, oklch(38.99% 0.1543 27.05) 45.2%, oklch(41.12% 0.1648 27.32) 48.4%, oklch(43.11% 0.1740 27.51) 51.6%, oklch(45.04% 0.1829 27.60) 54.8%, oklch(46.93% 0.1913 27.62) 58.1%, oklch(48.77% 0.1991 27.63) 61.3%, oklch(50.54% 0.2061 27.65) 64.5%, oklch(52.26% 0.2121 27.74) 67.7%, oklch(53.92% 0.2167 27.96) 71.0%, oklch(55.52% 0.2199 28.35) 74.2%, oklch(57.08% 0.2212 28.98) 77.4%, oklch(58.66% 0.2202 29.87) 80.6%, oklch(60.22% 0.2176 30.94) 83.9%, oklch(61.71% 0.2138 32.10) 87.1%, oklch(63.09% 0.2096 33.26) 90.3%, oklch(64.31% 0.2054 34.34) 93.5%, oklch(65.35% 0.2020 35.24) 96.8%, oklch(66.14% 0.1998 35.88) 100.0%);

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

Gradient Black Friday

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