Tím, nâu, xanh lá và xám (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 135°: #71354e, #b3675d, #778f52, #397088, #b6a48e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #71354e
- #773a52
- #7e4059
- #884761
- #914e69
- #9c566e
- #a55c6e
- #ad6168
- #b3675d
- #b56f4f
- #b27942
- #aa823c
- #9f8a3d
- #948f43
- #8a9149
- #80904e
- #778f52
- #6d8d56
- #628b5b
- #558963
- #42856f
- #327f7b
- #317784
- #397088
- #406c88
- #446e88
- #467887
- #538482
- #6f907b
- #8f997b
- #a89f84
- #b6a48e
CSS
background: linear-gradient(135deg in oklch, oklch(41.73% 0.0896 355.78) 0.0%, oklch(43.38% 0.0905 355.99) 3.2%, oklch(45.73% 0.0919 355.50) 6.5%, oklch(48.48% 0.0935 355.23) 9.7%, oklch(51.36% 0.0951 356.08) 12.9%, oklch(54.07% 0.0965 358.96) 16.1%, oklch(56.32% 0.0977 4.76) 19.4%, oklch(58.08% 0.0985 14.64) 22.6%, oklch(59.69% 0.0993 28.68) 25.8%, oklch(61.11% 0.1000 45.29) 29.0%, oklch(62.29% 0.1004 62.86) 32.3%, oklch(63.16% 0.1003 79.79) 35.5%, oklch(63.68% 0.0997 94.47) 38.7%, oklch(63.77% 0.0982 105.56) 41.9%, oklch(63.37% 0.0960 113.77) 45.2%, oklch(62.60% 0.0931 120.29) 48.4%, oklch(61.57% 0.0898 126.21) 51.6%, oklch(60.42% 0.0864 132.67) 54.8%, oklch(59.29% 0.0831 140.78) 58.1%, oklch(58.20% 0.0802 152.03) 61.3%, oklch(56.63% 0.0774 169.53) 64.5%, oklch(54.76% 0.0747 190.67) 67.7%, oklch(52.96% 0.0720 211.68) 71.0%, oklch(51.62% 0.0692 228.79) 74.2%, oklch(51.12% 0.0661 238.25) 77.4%, oklch(51.84% 0.0627 236.24) 80.6%, oklch(54.23% 0.0584 219.48) 83.9%, oklch(57.89% 0.0536 191.47) 87.1%, oklch(62.21% 0.0487 157.52) 90.3%, oklch(66.55% 0.0440 122.91) 93.5%, oklch(70.30% 0.0400 92.95) 96.8%, oklch(72.83% 0.0372 72.92) 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
