Xanh cổ vịt, xanh lá, xanh dương và hồng (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #54a9ba, #a3c67c, #608aa9, #538aa4, #d1a79f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #54a9ba
- #53adb7
- #55b1b4
- #5ab6ae
- #63bca6
- #71c09e
- #82c394
- #93c68b
- #a2c784
- #afc87e
- #b7c87b
- #bac879
- #b8c778
- #b0c779
- #a3c67c
- #93c581
- #7fc389
- #6ac092
- #55bc9c
- #42b7a5
- #35b1ac
- #2fabb2
- #32a6b5
- #38a1b6
- #419cb6
- #4b97b4
- #5393b1
- #5a8ead
- #608aa9
- #6587a4
- #68849f
- #6a829b
- #6c8098
- #6c7f96
- #6b7f95
- #6a7f96
- #688098
- #65819a
- #62829d
- #5e84a0
- #5987a3
- #538aa4
- #4d8ea4
- #4892a3
- #46969f
- #4a9a98
- #559e8f
- #67a184
- #7ca37a
- #92a374
- #a6a373
- #b6a278
- #c2a381
- #c9a48d
- #cea597
- #d1a79f
CSS
background: linear-gradient(135deg in oklch, oklch(68.90% 0.0854 211.64) 0.0%, oklch(69.60% 0.0865 205.87) 1.8%, oklch(70.61% 0.0879 197.62) 3.6%, oklch(71.86% 0.0895 187.53) 5.5%, oklch(73.25% 0.0914 176.23) 7.3%, oklch(74.71% 0.0935 164.36) 9.1%, oklch(76.16% 0.0955 152.55) 10.9%, oklch(77.51% 0.0975 141.42) 12.7%, oklch(78.68% 0.0994 131.63) 14.5%, oklch(79.59% 0.1010 123.79) 16.4%, oklch(80.17% 0.1024 118.55) 18.2%, oklch(80.31% 0.1033 116.53) 20.0%, oklch(80.01% 0.1042 117.98) 21.8%, oklch(79.32% 0.1051 122.37) 23.6%, oklch(78.30% 0.1060 129.16) 25.5%, oklch(77.04% 0.1068 137.84) 27.3%, oklch(75.60% 0.1074 147.89) 29.1%, oklch(74.04% 0.1077 158.77) 30.9%, oklch(72.43% 0.1076 169.96) 32.7%, oklch(70.85% 0.1071 180.95) 34.5%, oklch(69.36% 0.1061 191.20) 36.4%, oklch(68.03% 0.1044 200.20) 38.2%, oklch(66.93% 0.1020 207.41) 40.0%, oklch(65.96% 0.0983 213.54) 41.8%, oklch(65.01% 0.0932 219.54) 43.6%, oklch(64.08% 0.0871 225.33) 45.5%, oklch(63.18% 0.0802 230.80) 47.3%, oklch(62.33% 0.0729 235.85) 49.1%, oklch(61.55% 0.0656 240.39) 50.9%, oklch(60.85% 0.0587 244.31) 52.7%, oklch(60.23% 0.0524 247.51) 54.5%, oklch(59.72% 0.0472 249.89) 56.4%, oklch(59.32% 0.0434 251.35) 58.2%, oklch(59.06% 0.0413 251.80) 60.0%, oklch(58.91% 0.0413 251.47) 61.8%, oklch(58.87% 0.0430 250.62) 63.6%, oklch(58.92% 0.0462 249.16) 65.5%, oklch(59.07% 0.0504 247.00) 67.3%, oklch(59.32% 0.0553 244.07) 69.1%, oklch(59.65% 0.0605 240.27) 70.9%, oklch(60.08% 0.0657 235.52) 72.7%, oklch(60.58% 0.0704 229.74) 74.5%, oklch(61.18% 0.0744 222.83) 76.4%, oklch(61.85% 0.0772 214.71) 78.2%, oklch(62.60% 0.0785 205.30) 80.0%, oklch(63.52% 0.0784 193.54) 81.8%, oklch(64.67% 0.0771 178.88) 83.6%, oklch(65.99% 0.0750 162.01) 85.5%, oklch(67.44% 0.0721 143.62) 87.3%, oklch(68.95% 0.0688 124.40) 89.1%, oklch(70.47% 0.0653 105.02) 90.9%, oklch(71.95% 0.0617 86.18) 92.7%, oklch(73.34% 0.0583 68.56) 94.5%, oklch(74.57% 0.0552 52.84) 96.4%, oklch(75.60% 0.0527 39.72) 98.2%, oklch(76.38% 0.0510 29.88) 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
