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

Gradient tuyến tính, 32 màu, góc 225°: #291800, #300881, #121215, #00000e, #7c929c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#291800
#2f1600
#3b1100
#4a030b
#4f0027
#4f0044
#490061
#3e0078
#300881
#24147c
#1c1a6f
#181d5e
#171d4b
#171c39
#161929
#14161c
#121215
#0d0d0f
#06070b
#020309
#010107
#000007
#000009
#00000e
#000317
#020f26
#0f2339
#253b4f
#3e5566
#566d7c
#6d838f
#7c929c

CSS

background: linear-gradient(225deg in oklch, oklch(22.45% 0.0476 74.08) 0.0%, oklch(23.29% 0.0539 61.32) 3.2%, oklch(24.57% 0.0723 43.35) 6.5%, oklch(26.10% 0.1010 22.19) 9.7%, oklch(27.74% 0.1127 359.02) 12.9%, oklch(29.21% 0.1294 335.83) 16.1%, oklch(30.38% 0.1500 314.60) 19.4%, oklch(31.06% 0.1685 297.15) 22.6%, oklch(31.03% 0.1726 285.21) 25.8%, oklch(30.35% 0.1611 277.96) 29.0%, oklch(29.16% 0.1406 274.09) 32.3%, oklch(27.58% 0.1141 272.73) 35.5%, oklch(25.74% 0.0849 273.04) 38.7%, oklch(23.79% 0.0563 274.17) 41.9%, oklch(21.86% 0.0314 275.26) 45.2%, oklch(20.08% 0.0136 275.46) 48.4%, oklch(18.41% 0.0054 274.27) 51.6%, oklch(16.03% 0.0049 273.17) 54.8%, oklch(13.18% 0.0098 272.29) 58.1%, oklch(10.30% 0.0184 271.46) 61.3%, oklch(7.83% 0.0289 270.51) 64.5%, oklch(6.20% 0.0394 269.25) 67.7%, oklch(6.43% 0.0428 268.07) 71.0%, oklch(7.50% 0.0513 265.43) 74.2%, oklch(10.95% 0.0537 262.71) 77.4%, oklch(17.19% 0.0524 257.29) 80.6%, oklch(25.26% 0.0491 252.06) 83.9%, oklch(34.34% 0.0448 246.47) 87.1%, oklch(43.62% 0.0400 240.93) 90.3%, oklch(52.28% 0.0353 235.81) 93.5%, oklch(59.53% 0.0314 231.53) 96.8%, oklch(64.57% 0.0289 228.46) 100.0%);

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

Gradient tông 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