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

Gradient tuyến tính, 32 màu, góc 135°: #09030d, #3a004f, #83008d, #cb12a3, #f94b9f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#09030d
#0c0311
#110417
#16041e
#1c0427
#230330
#2a023a
#320145
#3a004f
#410058
#490061
#510069
#5a0071
#640078
#6e0080
#780086
#83008d
#8f0092
#9a0097
#a5009b
#af009e
#b900a1
#c304a3
#cb12a3
#d31da3
#db26a3
#e12fa2
#e736a1
#ed3da1
#f243a0
#f6489f
#f94b9f

CSS

background: linear-gradient(135deg in oklch, oklch(11.81% 0.0303 315.00) 0.0%, oklch(12.90% 0.0379 314.92) 3.2%, oklch(14.29% 0.0480 314.70) 6.5%, oklch(15.92% 0.0599 314.40) 9.7%, oklch(17.75% 0.0733 314.08) 12.9%, oklch(19.74% 0.0876 313.79) 16.1%, oklch(21.83% 0.1024 313.58) 19.4%, oklch(24.00% 0.1172 313.51) 22.6%, oklch(26.21% 0.1301 313.60) 25.8%, oklch(28.37% 0.1405 313.99) 29.0%, oklch(30.45% 0.1503 314.67) 32.3%, oklch(32.48% 0.1594 315.71) 35.5%, oklch(34.60% 0.1686 317.08) 38.7%, oklch(36.79% 0.1777 318.74) 41.9%, oklch(39.02% 0.1867 320.63) 45.2%, oklch(41.28% 0.1953 322.70) 48.4%, oklch(43.53% 0.2037 324.88) 51.6%, oklch(45.75% 0.2116 327.14) 54.8%, oklch(47.90% 0.2190 329.40) 58.1%, oklch(49.97% 0.2260 331.62) 61.3%, oklch(51.93% 0.2323 333.74) 64.5%, oklch(53.75% 0.2382 335.74) 67.7%, oklch(55.54% 0.2420 337.81) 71.0%, oklch(57.30% 0.2417 340.01) 74.2%, oklch(59.03% 0.2402 342.26) 77.4%, oklch(60.69% 0.2377 344.52) 80.6%, oklch(62.26% 0.2346 346.74) 83.9%, oklch(63.73% 0.2311 348.84) 87.1%, oklch(65.07% 0.2276 350.80) 90.3%, oklch(66.26% 0.2245 352.53) 93.5%, oklch(67.28% 0.2220 354.01) 96.8%, oklch(68.11% 0.2205 355.16) 100.0%);

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

Gradient Día de Muertos

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