Nâu vàng, xám, xanh lá đậm và nâu (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #c09874, #4a5b48, #182627, #39583c, #bf8943. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #c09874
- #bc9671
- #b6946e
- #af916a
- #a78e66
- #9f8a62
- #95865e
- #8c825b
- #827d58
- #787855
- #6e7352
- #646d50
- #5b674d
- #52614b
- #4a5b48
- #425545
- #3c4f42
- #36493f
- #31433c
- #2c3e39
- #283935
- #253532
- #22312f
- #1f2d2d
- #1d2a2a
- #1c2829
- #1a2727
- #192627
- #182627
- #182627
- #182829
- #182a2a
- #192d2c
- #1a302f
- #1b3431
- #1c3833
- #1f3d36
- #224238
- #26473a
- #2b4d3b
- #32533c
- #39583c
- #425e3c
- #4c633b
- #56693a
- #616d39
- #6c7238
- #787637
- #837a37
- #8e7d37
- #998038
- #a28239
- #ab843c
- #b3863e
- #ba8841
- #bf8943
CSS
background: linear-gradient(135deg in oklch, oklch(70.87% 0.0689 63.28) 0.0%, oklch(69.93% 0.0678 66.15) 1.8%, oklch(68.78% 0.0664 69.68) 3.6%, oklch(67.43% 0.0648 73.82) 5.5%, oklch(65.90% 0.0629 78.50) 7.3%, oklch(64.22% 0.0608 83.67) 9.1%, oklch(62.40% 0.0585 89.27) 10.9%, oklch(60.45% 0.0561 95.24) 12.7%, oklch(58.41% 0.0535 101.51) 14.5%, oklch(56.28% 0.0509 108.04) 16.4%, oklch(54.09% 0.0481 114.77) 18.2%, oklch(51.86% 0.0454 121.62) 20.0%, oklch(49.60% 0.0426 128.55) 21.8%, oklch(47.34% 0.0398 135.50) 23.6%, oklch(45.08% 0.0370 142.41) 25.5%, oklch(42.86% 0.0344 149.21) 27.3%, oklch(40.70% 0.0318 155.86) 29.1%, oklch(38.60% 0.0293 162.28) 30.9%, oklch(36.59% 0.0270 168.43) 32.7%, oklch(34.69% 0.0249 174.24) 34.5%, oklch(32.92% 0.0230 179.65) 36.4%, oklch(31.29% 0.0213 184.61) 38.2%, oklch(29.83% 0.0198 189.06) 40.0%, oklch(28.55% 0.0187 192.94) 41.8%, oklch(27.47% 0.0179 196.18) 43.6%, oklch(26.62% 0.0174 198.73) 45.5%, oklch(26.01% 0.0173 200.54) 47.3%, oklch(25.66% 0.0176 201.54) 49.1%, oklch(25.59% 0.0183 201.67) 50.9%, oklch(25.79% 0.0195 200.95) 52.7%, oklch(26.25% 0.0212 199.43) 54.5%, oklch(26.95% 0.0233 197.17) 56.4%, oklch(27.86% 0.0257 194.23) 58.2%, oklch(28.98% 0.0285 190.66) 60.0%, oklch(30.27% 0.0316 186.52) 61.8%, oklch(31.74% 0.0349 181.87) 63.6%, oklch(33.34% 0.0386 176.77) 65.5%, oklch(35.08% 0.0424 171.27) 67.3%, oklch(36.92% 0.0464 165.44) 69.1%, oklch(38.85% 0.0505 159.33) 70.9%, oklch(40.85% 0.0548 152.99) 72.7%, oklch(42.91% 0.0591 146.49) 74.5%, oklch(45.00% 0.0635 139.89) 76.4%, oklch(47.11% 0.0679 133.24) 78.2%, oklch(49.21% 0.0722 126.59) 80.0%, oklch(51.30% 0.0765 120.02) 81.8%, oklch(53.34% 0.0807 113.57) 83.6%, oklch(55.33% 0.0848 107.30) 85.5%, oklch(57.24% 0.0887 101.27) 87.3%, oklch(59.05% 0.0924 95.55) 89.1%, oklch(60.76% 0.0959 90.17) 90.9%, oklch(62.33% 0.0992 85.22) 92.7%, oklch(63.75% 0.1021 80.73) 94.5%, oklch(65.00% 0.1047 76.77) 96.4%, oklch(66.07% 0.1070 73.40) 98.2%, oklch(66.93% 0.1089 70.68) 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
