Xám, nâu vàng, hồng và nâu tông pastel (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 45°: #b8c0bd, #b4643a, #cdc399, #b8afd2, #b98769. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #b8c0bd
- #b2bdb8
- #abbab1
- #a4b6a7
- #9fb19a
- #9bab8b
- #9ba37a
- #9d9a68
- #a19057
- #a58649
- #aa7c3e
- #ad7338
- #b06b36
- #b26637
- #b4643a
- #b6653c
- #b8693d
- #ba703f
- #bb7842
- #bc8147
- #bd8c4e
- #bd9658
- #bda164
- #beaa70
- #bfb27c
- #c1b987
- #c4be8f
- #c8c296
- #cdc399
- #d2c29c
- #d7c19e
- #dcbea2
- #e0bca7
- #e1b9ad
- #e1b6b5
- #ddb4bd
- #d8b3c4
- #d1b2ca
- #cab1cf
- #c3b1d1
- #bdb0d2
- #b8afd2
- #b6add1
- #b5aacf
- #b6a7cb
- #b8a3c7
- #bb9ec0
- #bd99b8
- #c095ae
- #c291a3
- #c38d97
- #c28b8b
- #c18980
- #be8876
- #bb886f
- #b98769
CSS
background: linear-gradient(45deg in oklch, oklch(79.92% 0.0096 171.56) 0.0%, oklch(78.93% 0.0145 166.01) 1.8%, oklch(77.56% 0.0211 158.57) 3.6%, oklch(75.89% 0.0290 149.59) 5.5%, oklch(73.98% 0.0381 139.41) 7.3%, oklch(71.92% 0.0478 128.37) 9.1%, oklch(69.77% 0.0580 116.82) 10.9%, oklch(67.62% 0.0684 105.11) 12.7%, oklch(65.54% 0.0785 93.58) 14.5%, oklch(63.60% 0.0881 82.56) 16.4%, oklch(61.88% 0.0969 72.41) 18.2%, oklch(60.46% 0.1046 63.47) 20.0%, oklch(59.40% 0.1108 56.08) 21.8%, oklch(58.79% 0.1152 50.59) 23.6%, oklch(58.69% 0.1175 47.35) 25.5%, oklch(59.16% 0.1178 46.78) 27.3%, oklch(60.13% 0.1164 48.62) 29.1%, oklch(61.52% 0.1135 52.43) 30.9%, oklch(63.24% 0.1094 57.75) 32.7%, oklch(65.23% 0.1043 64.14) 34.5%, oklch(67.39% 0.0985 71.16) 36.4%, oklch(69.65% 0.0923 78.35) 38.2%, oklch(71.93% 0.0858 85.28) 40.0%, oklch(74.14% 0.0794 91.49) 41.8%, oklch(76.20% 0.0733 96.55) 43.6%, oklch(78.04% 0.0677 99.99) 45.5%, oklch(79.56% 0.0630 101.38) 47.3%, oklch(80.70% 0.0593 100.28) 49.1%, oklch(81.41% 0.0567 96.18) 50.9%, oklch(81.85% 0.0547 88.74) 52.7%, oklch(82.08% 0.0530 78.43) 54.5%, oklch(82.13% 0.0517 65.83) 56.4%, oklch(82.01% 0.0506 51.49) 58.2%, oklch(81.75% 0.0499 35.98) 60.0%, oklch(81.37% 0.0494 19.86) 61.8%, oklch(80.89% 0.0491 3.70) 63.6%, oklch(80.35% 0.0490 348.07) 65.5%, oklch(79.75% 0.0491 333.52) 67.3%, oklch(79.12% 0.0494 320.63) 69.1%, oklch(78.49% 0.0498 309.95) 70.9%, oklch(77.87% 0.0503 302.06) 72.7%, oklch(77.30% 0.0508 297.51) 74.5%, oklch(76.73% 0.0516 296.66) 76.4%, oklch(76.06% 0.0527 299.02) 78.2%, oklch(75.30% 0.0541 304.12) 80.0%, oklch(74.46% 0.0558 311.52) 81.8%, oklch(73.57% 0.0577 320.77) 83.6%, oklch(72.65% 0.0598 331.40) 85.5%, oklch(71.72% 0.0620 342.96) 87.3%, oklch(70.80% 0.0642 355.01) 89.1%, oklch(69.90% 0.0663 7.10) 90.9%, oklch(69.05% 0.0684 18.76) 92.7%, oklch(68.27% 0.0703 29.55) 94.5%, oklch(67.58% 0.0720 39.01) 96.4%, oklch(66.99% 0.0734 46.69) 98.2%, oklch(66.54% 0.0744 52.15) 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
