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

Gradient tuyến tính, 32 màu, góc 90°: #090414, #331160, #8821c6, #e045db, #fe91e8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#090414
#0c0519
#100620
#140729
#190932
#1f0b3d
#260d48
#2c0f54
#331160
#3c136d
#45157a
#4e1689
#591797
#6419a5
#701bb2
#7c1ebd
#8821c6
#9525cd
#a228d2
#b02dd6
#be31d8
#ca37d9
#d63eda
#e045db
#e84edc
#ee59de
#f364e0
#f770e2
#f97ae4
#fb84e5
#fd8be7
#fe91e8

CSS

background: linear-gradient(90deg in oklch, oklch(12.99% 0.0386 298.13) 0.0%, oklch(14.15% 0.0454 297.96) 3.2%, oklch(15.64% 0.0544 297.67) 6.5%, oklch(17.42% 0.0651 297.31) 9.7%, oklch(19.43% 0.0771 296.96) 12.9%, oklch(21.60% 0.0898 296.71) 16.1%, oklch(23.88% 0.1030 296.61) 19.4%, oklch(26.21% 0.1160 296.76) 22.6%, oklch(28.54% 0.1285 297.21) 25.8%, oklch(31.01% 0.1421 297.85) 29.0%, oklch(33.66% 0.1567 298.65) 32.3%, oklch(36.43% 0.1719 299.61) 35.5%, oklch(39.25% 0.1869 300.76) 38.7%, oklch(42.08% 0.2011 302.12) 41.9%, oklch(44.86% 0.2139 303.71) 45.2%, oklch(47.54% 0.2245 305.56) 48.4%, oklch(50.08% 0.2325 307.73) 51.6%, oklch(52.57% 0.2390 310.49) 54.8%, oklch(55.05% 0.2442 313.69) 58.1%, oklch(57.47% 0.2480 317.15) 61.3%, oklch(59.84% 0.2503 320.65) 64.5%, oklch(62.13% 0.2511 323.98) 67.7%, oklch(64.33% 0.2502 326.95) 71.0%, oklch(66.42% 0.2476 329.34) 74.2%, oklch(68.44% 0.2425 331.07) 77.4%, oklch(70.47% 0.2339 332.34) 80.6%, oklch(72.44% 0.2227 333.24) 83.9%, oklch(74.33% 0.2101 333.86) 87.1%, oklch(76.07% 0.1972 334.28) 90.3%, oklch(77.62% 0.1852 334.57) 93.5%, oklch(78.92% 0.1751 334.82) 96.8%, oklch(79.92% 0.1681 335.11) 100.0%);

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

Gradient tím rực

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