Đen, tím đậm, cam và be (gradient tuyến tính)

Gradient tuyến tính, 24 màu, góc 30°: #171820, #5f1642, #c06300, #deb64f, #e9d9b5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#171820
#1b1a28
#221c31
#2d1c3a
#3b1b41
#4d1944
#5f1642
#72153d
#831a35
#94262c
#a6371f
#b54b09
#c06300
#c97800
#d28b00
#d89d1d
#dbab37
#deb64f
#e0bf66
#e3c77b
#e5cd8e
#e6d29e
#e7d6ab
#e9d9b5

CSS

background: linear-gradient(30deg in oklch, oklch(21.26% 0.0152 279.14) 0.0%, oklch(22.60% 0.0258 286.45) 4.3%, oklch(24.27% 0.0410 296.34) 8.7%, oklch(26.24% 0.0591 308.13) 13.0%, oklch(28.53% 0.0786 321.12) 17.4%, oklch(31.10% 0.0979 334.62) 21.7%, oklch(33.97% 0.1154 347.95) 26.1%, oklch(37.12% 0.1296 0.42) 30.4%, oklch(40.58% 0.1391 11.48) 34.8%, oklch(44.72% 0.1456 22.50) 39.1%, oklch(49.45% 0.1501 33.69) 43.5%, oklch(54.52% 0.1527 44.71) 47.8%, oklch(59.69% 0.1475 55.18) 52.2%, oklch(64.71% 0.1454 64.80) 56.5%, oklch(69.32% 0.1475 73.20) 60.9%, oklch(73.28% 0.1451 80.02) 65.2%, oklch(76.47% 0.1386 84.90) 69.6%, oklch(79.21% 0.1281 87.88) 73.9%, oklch(81.57% 0.1149 89.34) 78.3%, oklch(83.58% 0.1001 89.69) 82.6%, oklch(85.29% 0.0850 89.35) 87.0%, oklch(86.73% 0.0710 88.72) 91.3%, oklch(87.95% 0.0592 88.21) 95.7%, oklch(88.98% 0.0510 88.22) 100.0%);

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

Sắc kính màu ghép

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