Nâu vàng, xám và xanh lá đậm (gradient tuyến tính)

Nâu vàng, xám và xanh lá đậm: bảng màu gồm 64 màu. #c59144, #c8d9d3, #e7dccc, #1d2d2d, #e6e0d9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

64 màu, 5 keyframe OKLCH chỉnh sửa được.

#c59144
#c39548
#c09b4e
#bca156
#b8a860
#b3af6c
#aeb57a
#abbb87
#a9c195
#a9c6a2
#abcaae
#afcdb8
#b4d1c0
#b9d3c7
#bfd6cd
#c4d8d1
#c8d9d3
#cddbd6
#d1ded8
#d5e1da
#d9e4dc
#dee7de
#e2eae0
#e6ece1
#eaeee1
#eeefe1
#f1efe0
#f3efdf
#f4eddd
#f4ebdb
#f2e7d7
#eee2d2
#e7dccc
#ddd3c3
#d0c8b7
#c0bba9
#afac9b
#9c9d8c
#898d7d
#757e6f
#636e61
#526055
#43524a
#364741
#2b3d39
#243533
#1f302e
#1d2d2d
#1e2e2d
#223230
#293835
#32413d
#3e4b46
#4c5851
#5c655d
#6d746b
#7f847a
#91948a
#a3a39a
#b5b3a9
#c4c1b8
#d2cdc6
#ded8d1
#e6e0d9

CSS

background: linear-gradient(135deg in oklch, oklch(69.29% 0.1130 74.53) 0.0%, oklch(69.95% 0.1095 78.40) 1.6%, oklch(70.78% 0.1051 83.63) 3.2%, oklch(71.76% 0.0998 89.99) 4.8%, oklch(72.87% 0.0937 97.25) 6.3%, oklch(74.08% 0.0872 105.19) 7.9%, oklch(75.37% 0.0802 113.58) 9.5%, oklch(76.71% 0.0730 122.20) 11.1%, oklch(78.08% 0.0657 130.82) 12.7%, oklch(79.45% 0.0583 139.21) 14.3%, oklch(80.80% 0.0512 147.16) 15.9%, oklch(82.12% 0.0444 154.43) 17.5%, oklch(83.36% 0.0380 160.80) 19.0%, oklch(84.51% 0.0322 166.04) 20.6%, oklch(85.55% 0.0272 169.93) 22.2%, oklch(86.44% 0.0231 172.25) 23.8%, oklch(87.18% 0.0200 172.74) 25.4%, oklch(87.98% 0.0178 171.05) 27.0%, oklch(88.88% 0.0163 167.31) 28.6%, oklch(89.84% 0.0154 161.85) 30.2%, oklch(90.83% 0.0150 154.96) 31.7%, oklch(91.81% 0.0152 146.98) 33.3%, oklch(92.72% 0.0157 138.20) 34.9%, oklch(93.55% 0.0165 128.96) 36.5%, oklch(94.24% 0.0176 119.55) 38.1%, oklch(94.74% 0.0188 110.30) 39.7%, oklch(95.04% 0.0200 101.51) 41.3%, oklch(95.07% 0.0213 93.51) 42.9%, oklch(94.81% 0.0225 86.60) 44.4%, oklch(94.20% 0.0235 81.10) 46.0%, oklch(93.22% 0.0243 77.33) 47.6%, oklch(91.82% 0.0247 75.59) 49.2%, oklch(89.89% 0.0248 76.22) 50.8%, oklch(87.06% 0.0248 79.32) 52.4%, oklch(83.42% 0.0248 84.59) 54.0%, oklch(79.10% 0.0248 91.68) 55.6%, oklch(74.26% 0.0248 100.24) 57.1%, oklch(69.04% 0.0247 109.91) 58.7%, oklch(63.58% 0.0246 120.37) 60.3%, oklch(58.05% 0.0244 131.24) 61.9%, oklch(52.57% 0.0243 142.20) 63.5%, oklch(47.31% 0.0241 152.88) 65.1%, oklch(42.40% 0.0238 162.95) 66.7%, oklch(38.00% 0.0236 172.04) 68.3%, oklch(34.25% 0.0233 179.83) 69.8%, oklch(31.30% 0.0229 185.95) 71.4%, oklch(29.30% 0.0226 190.05) 73.0%, oklch(28.39% 0.0222 191.80) 74.6%, oklch(28.69% 0.0217 190.99) 76.2%, oklch(30.15% 0.0211 187.94) 77.8%, oklch(32.62% 0.0205 182.95) 79.4%, oklch(35.95% 0.0198 176.30) 81.0%, oklch(40.00% 0.0190 168.26) 82.5%, oklch(44.64% 0.0182 159.11) 84.1%, oklch(49.70% 0.0173 149.14) 85.7%, oklch(55.05% 0.0165 138.62) 87.3%, oklch(60.55% 0.0156 127.82) 88.9%, oklch(66.04% 0.0148 117.04) 90.5%, oklch(71.40% 0.0140 106.55) 92.1%, oklch(76.46% 0.0132 96.62) 93.7%, oklch(81.09% 0.0126 87.55) 95.2%, oklch(85.14% 0.0119 79.60) 96.8%, oklch(88.48% 0.0114 73.05) 98.4%, oklch(90.94% 0.0110 68.19) 100.0%);

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

Brooched

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