Đen, xanh hải quân và xám (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #101113, #353847, #a5a6b4, #8989a7, #343249. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#101113
#131416
#16181b
#1b1d21
#202228
#262830
#2c2e37
#31333f
#353847
#3a3c50
#3f4259
#464963
#50526f
#5d5f7c
#72748d
#8b8da1
#a5a6b4
#bcbcc4
#cbcbd0
#ceced3
#c5c6cf
#b4b5c5
#9fa0b7
#8989a7
#767598
#68668b
#5d5a7f
#524f72
#484665
#403e5a
#393750
#343249

CSS

background: linear-gradient(135deg in oklch, oklch(17.72% 0.0041 264.37) 0.0%, oklch(19.04% 0.0054 265.66) 3.2%, oklch(20.85% 0.0070 267.49) 6.5%, oklch(23.00% 0.0090 269.63) 9.7%, oklch(25.37% 0.0113 271.87) 12.9%, oklch(27.82% 0.0141 273.97) 16.1%, oklch(30.24% 0.0172 275.71) 19.4%, oklch(32.44% 0.0214 277.03) 22.6%, oklch(34.38% 0.0273 278.15) 25.8%, oklch(36.33% 0.0339 279.11) 29.0%, oklch(38.55% 0.0401 279.91) 32.3%, oklch(41.27% 0.0448 280.57) 35.5%, oklch(44.78% 0.0469 281.10) 38.7%, oklch(49.61% 0.0452 281.47) 41.9%, oklch(56.62% 0.0389 281.53) 45.2%, oklch(64.78% 0.0297 281.39) 48.4%, oklch(72.91% 0.0198 281.18) 51.6%, oklch(79.83% 0.0113 281.04) 54.8%, oklch(84.36% 0.0061 281.10) 58.1%, oklch(85.35% 0.0064 281.48) 61.3%, oklch(82.80% 0.0124 282.20) 64.5%, oklch(77.72% 0.0222 283.14) 67.7%, oklch(71.13% 0.0338 284.17) 71.0%, oklch(64.09% 0.0450 285.18) 74.2%, oklch(57.61% 0.0539 286.05) 77.4%, oklch(52.70% 0.0583 286.67) 80.6%, oklch(48.55% 0.0586 287.05) 83.9%, oklch(44.60% 0.0560 287.30) 87.1%, oklch(40.97% 0.0517 287.44) 90.3%, oklch(37.76% 0.0469 287.51) 93.5%, oklch(35.09% 0.0426 287.56) 96.8%, oklch(33.07% 0.0400 287.62) 100.0%);

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

Gradient ánh kim

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