Xám, nâu vàng và cam (tương đồng) (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 45°: #526b52, #7b8e67, #bfb26c, #eac267, #f4a34a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #526b52
- #556e54
- #597156
- #5d7659
- #637a5c
- #687f5f
- #6e8562
- #758a65
- #7b8e67
- #829369
- #8a986a
- #939d6b
- #9ca26b
- #a5a76c
- #afab6c
- #b7af6c
- #bfb26c
- #c6b56c
- #cdb96c
- #d4bc6c
- #dabf6c
- #e0c16a
- #e5c269
- #eac267
- #edc164
- #f0bd60
- #f2b95b
- #f3b456
- #f3af52
- #f3aa4e
- #f3a64c
- #f4a34a
CSS
background: linear-gradient(45deg in oklch, oklch(50.00% 0.0496 144.84) 0.0%, oklch(50.93% 0.0504 143.77) 3.2%, oklch(52.17% 0.0512 142.44) 6.5%, oklch(53.64% 0.0522 140.87) 9.7%, oklch(55.28% 0.0535 139.06) 12.9%, oklch(57.02% 0.0549 136.99) 16.1%, oklch(58.80% 0.0567 134.68) 19.4%, oklch(60.56% 0.0588 132.13) 22.6%, oklch(62.22% 0.0613 129.31) 25.8%, oklch(63.94% 0.0643 125.95) 29.0%, oklch(65.75% 0.0677 122.10) 32.3%, oklch(67.59% 0.0714 117.93) 35.5%, oklch(69.44% 0.0754 113.65) 38.7%, oklch(71.23% 0.0795 109.43) 41.9%, oklch(72.93% 0.0836 105.48) 45.2%, oklch(74.49% 0.0876 101.98) 48.4%, oklch(75.89% 0.0915 99.10) 51.6%, oklch(77.26% 0.0955 96.75) 54.8%, oklch(78.60% 0.0996 94.78) 58.1%, oklch(79.85% 0.1037 93.07) 61.3%, oklch(80.97% 0.1078 91.49) 64.5%, oklch(81.90% 0.1117 89.90) 67.7%, oklch(82.60% 0.1155 88.19) 71.0%, oklch(83.02% 0.1190 86.22) 74.2%, oklch(83.07% 0.1224 83.85) 77.4%, oklch(82.69% 0.1256 81.09) 80.6%, oklch(82.01% 0.1288 78.12) 83.9%, oklch(81.12% 0.1318 75.08) 87.1%, oklch(80.16% 0.1345 72.14) 90.3%, oklch(79.23% 0.1369 69.47) 93.5%, oklch(78.46% 0.1390 67.23) 96.8%, oklch(77.95% 0.1406 65.59) 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
