Đen, xanh cổ vịt, xanh dương nhạt và tím (gradient tuyến tính)

Bảng màu Đen, xanh cổ vịt, xanh dương nhạt và tím

Gradient tuyến tính, 32 màu, góc 135°: #071b18, #105652, #40c8a2, #00eff6, #c025d2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#071b18
#071f1c
#092421
#0a2b27
#0c322e
#0d3a36
#0e423f
#0f4c48
#105652
#0f605c
#0e6b66
#0d7670
#11847b
#1a9486
#26a590
#33b699
#40c8a2
#4bd8aa
#50e6b2
#4df2bc
#37fbc7
#00fed6
#00f9e7
#00eff6
#3bdfff
#5ecbff
#6eb6ff
#7d9eff
#9082ff
#a75cff
#b83de9
#c025d2

CSS

background: linear-gradient(135deg in oklch, oklch(20.47% 0.0276 182.81) 0.0%, oklch(22.05% 0.0305 183.27) 3.2%, oklch(24.00% 0.0340 183.98) 6.5%, oklch(26.28% 0.0382 184.85) 9.7%, oklch(28.84% 0.0428 185.82) 12.9%, oklch(31.65% 0.0479 186.81) 16.1%, oklch(34.65% 0.0535 187.74) 19.4%, oklch(37.80% 0.0594 188.53) 22.6%, oklch(41.06% 0.0657 189.10) 25.8%, oklch(44.38% 0.0722 189.37) 29.0%, oklch(47.71% 0.0790 189.28) 32.3%, oklch(51.21% 0.0861 188.43) 35.5%, oklch(55.39% 0.0938 186.05) 38.7%, oklch(60.07% 0.1020 182.54) 41.9%, oklch(65.04% 0.1106 178.43) 45.2%, oklch(70.07% 0.1195 174.22) 48.4%, oklch(74.94% 0.1287 170.44) 51.6%, oklch(79.42% 0.1379 167.58) 54.8%, oklch(83.30% 0.1472 166.16) 58.1%, oklch(86.35% 0.1563 166.69) 61.3%, oklch(88.34% 0.1651 169.68) 64.5%, oklch(89.06% 0.1669 175.71) 67.7%, oklch(88.33% 0.1552 185.63) 71.0%, oklch(86.37% 0.1469 198.92) 74.2%, oklch(83.46% 0.1351 214.71) 77.4%, oklch(79.85% 0.1235 232.16) 80.6%, oklch(75.84% 0.1285 250.39) 83.9%, oklch(71.68% 0.1465 268.56) 87.1%, oklch(67.65% 0.1794 285.80) 90.3%, oklch(64.02% 0.2319 301.26) 93.5%, oklch(61.07% 0.2514 314.06) 96.8%, oklch(59.06% 0.2563 323.36) 100.0%);

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

Glitchy glam

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