Nâu, xám và trắng (đơn sắc) (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 180°: #321b13, #5f3928, #916d54, #c3b2a0, #f2ede7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #321b13
- #361d14
- #3a2016
- #3f2318
- #45271b
- #4c2b1e
- #523021
- #593424
- #5f3928
- #653e2b
- #6b4430
- #714a34
- #785039
- #7e563f
- #845d45
- #8b654c
- #916d54
- #98765d
- #9f8067
- #a78a72
- #ae947e
- #b59f8a
- #bca996
- #c3b2a0
- #c9bbaa
- #d0c4b5
- #d7ccbf
- #ddd5c9
- #e4dcd2
- #e9e3db
- #eee9e2
- #f2ede7
CSS
background: linear-gradient(180deg in oklch, oklch(25.20% 0.0400 40.08) 0.0%, oklch(26.21% 0.0418 40.47) 3.2%, oklch(27.53% 0.0443 40.96) 6.5%, oklch(29.10% 0.0474 41.55) 9.7%, oklch(30.86% 0.0507 42.21) 12.9%, oklch(32.76% 0.0540 42.96) 16.1%, oklch(34.73% 0.0570 43.78) 19.4%, oklch(36.72% 0.0594 44.66) 22.6%, oklch(38.67% 0.0610 45.60) 25.8%, oklch(40.63% 0.0621 46.60) 29.0%, oklch(42.64% 0.0630 47.66) 32.3%, oklch(44.71% 0.0636 48.78) 35.5%, oklch(46.85% 0.0638 49.98) 38.7%, oklch(49.08% 0.0636 51.26) 41.9%, oklch(51.41% 0.0629 52.64) 45.2%, oklch(53.85% 0.0615 54.10) 48.4%, oklch(56.44% 0.0595 55.69) 51.6%, oklch(59.26% 0.0565 57.48) 54.8%, oklch(62.26% 0.0528 59.44) 58.1%, oklch(65.36% 0.0485 61.49) 61.3%, oklch(68.49% 0.0439 63.57) 64.5%, oklch(71.58% 0.0393 65.60) 67.7%, oklch(74.54% 0.0350 67.52) 71.0%, oklch(77.30% 0.0312 69.27) 74.2%, oklch(79.90% 0.0278 70.84) 77.4%, oklch(82.51% 0.0246 72.36) 80.6%, oklch(85.08% 0.0214 73.82) 83.9%, oklch(87.55% 0.0184 75.18) 87.1%, oklch(89.83% 0.0157 76.43) 90.3%, oklch(91.86% 0.0133 77.53) 93.5%, oklch(93.57% 0.0112 78.45) 96.8%, oklch(94.88% 0.0096 79.18) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
