Đen sang tím (đơn sắc) (gradient tuyến tính)

Đen sang tím (đơn sắc): bảng màu gồm 32 màu. #15101c, #2b1831, #4d294a, #6e3f5b, #8b596b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 5 keyframe OKLCH chỉnh sửa được.

#15101c
#16111e
#181120
#1b1222
#1d1325
#201428
#24162b
#27172e
#2b1831
#2e1a34
#321c37
#361e3a
#3b203e
#3f2241
#442444
#482747
#4d294a
#522c4c
#572f4f
#5b3252
#603554
#653857
#6a3c59
#6e3f5b
#73425e
#774660
#7b4962
#7f4d64
#835166
#865468
#89576a
#8b596b

CSS

background: linear-gradient(90deg in oklch, oklch(18.50% 0.0248 303.05) 0.0%, oklch(18.95% 0.0269 304.15) 3.2%, oklch(19.53% 0.0298 305.64) 6.5%, oklch(20.22% 0.0333 307.41) 9.7%, oklch(20.99% 0.0371 309.38) 12.9%, oklch(21.84% 0.0410 311.43) 16.1%, oklch(22.75% 0.0449 313.48) 19.4%, oklch(23.69% 0.0486 315.44) 22.6%, oklch(24.65% 0.0517 317.21) 25.8%, oklch(25.68% 0.0548 318.87) 29.0%, oklch(26.77% 0.0578 320.48) 32.3%, oklch(27.92% 0.0608 322.07) 35.5%, oklch(29.12% 0.0637 323.65) 38.7%, oklch(30.35% 0.0663 325.26) 41.9%, oklch(31.59% 0.0687 326.89) 45.2%, oklch(32.84% 0.0708 328.59) 48.4%, oklch(34.09% 0.0725 330.37) 51.6%, oklch(35.40% 0.0739 332.24) 54.8%, oklch(36.73% 0.0750 334.19) 58.1%, oklch(38.10% 0.0759 336.18) 61.3%, oklch(39.46% 0.0765 338.17) 64.5%, oklch(40.81% 0.0769 340.13) 67.7%, oklch(42.13% 0.0771 342.03) 71.0%, oklch(43.39% 0.0772 343.83) 74.2%, oklch(44.64% 0.0770 345.56) 77.4%, oklch(45.93% 0.0763 347.33) 80.6%, oklch(47.24% 0.0754 349.09) 83.9%, oklch(48.52% 0.0742 350.79) 87.1%, oklch(49.71% 0.0730 352.38) 90.3%, oklch(50.78% 0.0719 353.79) 93.5%, oklch(51.68% 0.0709 354.98) 96.8%, oklch(52.36% 0.0703 355.88) 100.0%);

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

Gradient u buồn Gradient trầm tối

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