Nâu, tím hoa cà, xanh dương và nâu vàng (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #a56542, #bd87a0, #6f6ebb, #7351b1, #d19e50. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #a56542
- #a76646
- #a9674a
- #ab684f
- #ad6a54
- #af6b5a
- #b16d61
- #b37067
- #b5726e
- #b77575
- #b9787c
- #ba7a83
- #bc7d89
- #bc8090
- #bd8296
- #bd859b
- #bd87a0
- #bd89a5
- #bc8aa9
- #bb8bad
- #ba8bb0
- #b88bb3
- #b58bb5
- #b289b6
- #ad87b8
- #a885b9
- #a282ba
- #9b7fbb
- #937bbc
- #8b78bc
- #8275bc
- #7971bb
- #6f6ebb
- #666bba
- #5d68b8
- #5465b7
- #4c62b6
- #455fb4
- #3f5cb3
- #3b5ab2
- #3a58b2
- #3b56b2
- #3f55b2
- #4654b3
- #4f53b4
- #5a52b4
- #6651b3
- #7351b1
- #8151ae
- #8e51a8
- #9b52a2
- #a85499
- #b35790
- #bd5b86
- #c6607c
- #cd6772
- #d26e68
- #d57660
- #d67e59
- #d78654
- #d68d50
- #d5944f
- #d39a4f
- #d19e50
CSS
background: linear-gradient(135deg in oklch, oklch(57.09% 0.0965 48.52) 0.0%, oklch(57.44% 0.0958 46.46) 1.6%, oklch(57.91% 0.0949 44.04) 3.2%, oklch(58.48% 0.0938 41.29) 4.8%, oklch(59.14% 0.0924 38.24) 6.3%, oklch(59.86% 0.0909 34.91) 7.9%, oklch(60.65% 0.0893 31.35) 9.5%, oklch(61.48% 0.0876 27.58) 11.1%, oklch(62.33% 0.0858 23.63) 12.7%, oklch(63.20% 0.0841 19.53) 14.3%, oklch(64.07% 0.0823 15.32) 15.9%, oklch(64.92% 0.0806 11.02) 17.5%, oklch(65.73% 0.0791 6.68) 19.0%, oklch(66.51% 0.0776 2.31) 20.6%, oklch(67.22% 0.0764 357.95) 22.2%, oklch(67.86% 0.0754 353.63) 23.8%, oklch(68.41% 0.0746 349.38) 25.4%, oklch(68.85% 0.0741 345.24) 27.0%, oklch(69.18% 0.0739 341.23) 28.6%, oklch(69.37% 0.0741 337.38) 30.2%, oklch(69.41% 0.0747 333.74) 31.7%, oklch(69.29% 0.0758 330.32) 33.3%, oklch(68.96% 0.0774 326.82) 34.9%, oklch(68.41% 0.0796 322.95) 36.5%, oklch(67.65% 0.0824 318.79) 38.1%, oklch(66.71% 0.0857 314.40) 39.7%, oklch(65.62% 0.0893 309.85) 41.3%, oklch(64.41% 0.0934 305.20) 42.9%, oklch(63.09% 0.0977 300.53) 44.4%, oklch(61.70% 0.1022 295.90) 46.0%, oklch(60.27% 0.1069 291.38) 47.6%, oklch(58.80% 0.1116 287.03) 49.2%, oklch(57.34% 0.1164 282.92) 50.8%, oklch(55.91% 0.1211 279.13) 52.4%, oklch(54.53% 0.1257 275.71) 54.0%, oklch(53.22% 0.1301 272.74) 55.6%, oklch(52.02% 0.1343 270.28) 57.1%, oklch(50.95% 0.1381 268.41) 58.7%, oklch(50.04% 0.1416 267.18) 60.3%, oklch(49.30% 0.1446 266.66) 61.9%, oklch(48.77% 0.1471 266.93) 63.5%, oklch(48.47% 0.1490 268.05) 65.1%, oklch(48.43% 0.1502 270.08) 66.7%, oklch(48.65% 0.1508 273.28) 68.3%, oklch(49.11% 0.1509 277.75) 69.8%, oklch(49.79% 0.1504 283.37) 71.4%, oklch(50.66% 0.1495 290.01) 73.0%, oklch(51.71% 0.1482 297.54) 74.6%, oklch(52.91% 0.1466 305.84) 76.2%, oklch(54.23% 0.1447 314.78) 77.8%, oklch(55.65% 0.1425 324.23) 79.4%, oklch(57.16% 0.1401 334.07) 81.0%, oklch(58.73% 0.1376 344.17) 82.5%, oklch(60.33% 0.1349 354.39) 84.1%, oklch(61.94% 0.1322 4.63) 85.7%, oklch(63.54% 0.1295 14.74) 87.3%, oklch(65.11% 0.1268 24.60) 88.9%, oklch(66.62% 0.1242 34.09) 90.5%, oklch(68.05% 0.1217 43.07) 92.1%, oklch(69.38% 0.1194 51.42) 93.7%, oklch(70.59% 0.1173 59.02) 95.2%, oklch(71.65% 0.1155 65.73) 96.8%, oklch(72.53% 0.1141 71.43) 98.4%, oklch(73.23% 0.1130 75.99) 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
