Đen, xanh lá, xám và tím đậm (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #181818, #3c714e, #5c8761, #4f5159, #35002c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#181818
#1d1f22
#1f2a2f
#213838
#28463b
#31513c
#385c40
#3b6746
#3c714e
#3e7a54
#428059
#46865d
#498961
#4c8c64
#518c65
#578a63
#5c8761
#5b8363
#567f68
#53776f
#576d6f
#5a6267
#57595d
#4f5159
#494558
#493855
#4a294d
#491d43
#45123b
#400835
#3a0131
#35002c

CSS

background: linear-gradient(90deg in oklch, oklch(20.87% 0.0000 89.88) 0.0%, oklch(23.67% 0.0073 262.90) 3.2%, oklch(27.69% 0.0178 230.76) 6.5%, oklch(32.22% 0.0296 196.69) 9.7%, oklch(36.56% 0.0411 168.98) 12.9%, oklch(40.23% 0.0512 154.52) 16.1%, oklch(43.77% 0.0615 149.96) 19.4%, oklch(47.14% 0.0715 151.01) 22.6%, oklch(50.16% 0.0800 153.84) 25.8%, oklch(52.69% 0.0861 154.69) 29.0%, oklch(54.76% 0.0899 154.31) 32.3%, oklch(56.44% 0.0917 154.31) 35.5%, oklch(57.70% 0.0919 154.52) 38.7%, oklch(58.51% 0.0903 154.74) 41.9%, oklch(58.86% 0.0870 153.77) 45.2%, oklch(58.74% 0.0819 150.36) 48.4%, oklch(58.18% 0.0752 147.85) 51.6%, oklch(57.22% 0.0671 149.79) 54.8%, oklch(55.87% 0.0576 159.74) 58.1%, oklch(54.01% 0.0430 179.72) 61.3%, oklch(51.72% 0.0261 205.90) 64.5%, oklch(49.15% 0.0123 233.46) 67.7%, oklch(46.45% 0.0067 257.58) 71.0%, oklch(43.56% 0.0140 276.94) 74.2%, oklch(40.33% 0.0315 294.93) 77.4%, oklch(37.03% 0.0533 310.76) 80.6%, oklch(33.89% 0.0731 323.55) 83.9%, oklch(31.13% 0.0858 332.32) 87.1%, oklch(28.47% 0.0942 336.33) 90.3%, oklch(26.00% 0.1001 337.14) 93.5%, oklch(23.92% 0.1043 336.59) 96.8%, oklch(22.48% 0.0992 336.57) 100.0%);

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

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