Đ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°: #090416, #38115f, #ad28ad, #ed63d7, #ffd4fb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#090416
#0c051b
#0f0621
#14072a
#190833
#200a3e
#270c49
#2f0e54
#38115f
#43136b
#501577
#5f1782
#6f198d
#801c97
#901e9f
#a023a6
#ad28ad
#b92eb3
#c435b9
#ce3cbf
#d744c5
#df4dcb
#e757d1
#ed63d7
#f370dd
#f780e3
#fa91e9
#fca1ef
#fdb1f3
#fec0f7
#fecbf9
#ffd4fb

CSS

background: linear-gradient(135deg in oklch, oklch(12.99% 0.0413 295.31) 0.0%, oklch(14.16% 0.0480 295.58) 3.2%, oklch(15.64% 0.0569 295.78) 6.5%, oklch(17.40% 0.0674 296.00) 9.7%, oklch(19.41% 0.0792 296.36) 12.9%, oklch(21.61% 0.0916 296.95) 16.1%, oklch(23.96% 0.1043 297.87) 19.4%, oklch(26.44% 0.1166 299.23) 22.6%, oklch(29.00% 0.1283 301.14) 25.8%, oklch(31.83% 0.1407 303.87) 29.0%, oklch(34.94% 0.1541 307.29) 32.3%, oklch(38.22% 0.1679 311.15) 35.5%, oklch(41.60% 0.1813 315.19) 38.7%, oklch(44.97% 0.1938 319.16) 41.9%, oklch(48.24% 0.2046 322.78) 45.2%, oklch(51.32% 0.2131 325.81) 48.4%, oklch(54.13% 0.2190 328.05) 51.6%, oklch(56.74% 0.2236 329.84) 54.8%, oklch(59.22% 0.2269 331.26) 58.1%, oklch(61.60% 0.2286 332.36) 61.3%, oklch(63.93% 0.2285 333.18) 64.5%, oklch(66.25% 0.2263 333.76) 67.7%, oklch(68.60% 0.2217 334.15) 71.0%, oklch(71.03% 0.2145 334.37) 74.2%, oklch(73.63% 0.2033 334.38) 77.4%, oklch(76.50% 0.1867 333.97) 80.6%, oklch(79.51% 0.1663 333.26) 83.9%, oklch(82.51% 0.1438 332.35) 87.1%, oklch(85.37% 0.1212 331.37) 90.3%, oklch(87.95% 0.1002 330.43) 93.5%, oklch(90.12% 0.0826 329.64) 96.8%, oklch(91.73% 0.0703 329.13) 100.0%);

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

Gradient thiên hà Gradient cực quang

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