Xanh lá nhạt, nâu, tím hoa cà và tím (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #cede8e, #92b668, #325c39, #a2557f, #6b2a58. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #cede8e
- #ccdd8d
- #cadb8b
- #c7da89
- #c5d887
- #c2d685
- #bfd582
- #bbd280
- #b8d07d
- #b4ce7a
- #b0cb77
- #acc875
- #a7c572
- #a2c26f
- #9dbe6d
- #98bb6a
- #92b668
- #8cb266
- #83ad64
- #7aa763
- #70a062
- #669a60
- #5b935f
- #528b5d
- #49845a
- #417d57
- #3b7754
- #357050
- #316b4c
- #2f6648
- #2e6243
- #2f5e3f
- #325c39
- #385b33
- #405a2d
- #4a5a25
- #55591e
- #625917
- #6f5713
- #7c5617
- #885421
- #92532f
- #9a523e
- #a0524e
- #a4525d
- #a5536b
- #a45477
- #a2557f
- #9f5585
- #9c5488
- #985389
- #945088
- #904e86
- #8c4a83
- #88477f
- #84437a
- #803f75
- #7c3b6f
- #79376a
- #753465
- #723060
- #6f2e5c
- #6d2b59
- #6b2a58
CSS
background: linear-gradient(135deg in oklch, oklch(87.01% 0.1047 118.12) 0.0%, oklch(86.56% 0.1051 118.48) 1.6%, oklch(86.07% 0.1057 118.87) 3.2%, oklch(85.54% 0.1065 119.31) 4.8%, oklch(84.95% 0.1074 119.78) 6.3%, oklch(84.32% 0.1083 120.30) 7.9%, oklch(83.63% 0.1094 120.86) 9.5%, oklch(82.88% 0.1104 121.46) 11.1%, oklch(82.08% 0.1114 122.10) 12.7%, oklch(81.22% 0.1123 122.80) 14.3%, oklch(80.29% 0.1131 123.53) 15.9%, oklch(79.30% 0.1137 124.31) 17.5%, oklch(78.24% 0.1141 125.14) 19.0%, oklch(77.11% 0.1142 126.02) 20.6%, oklch(75.91% 0.1141 126.95) 22.2%, oklch(74.63% 0.1136 127.93) 23.8%, oklch(73.27% 0.1127 128.98) 25.4%, oklch(71.68% 0.1113 130.61) 27.0%, oklch(69.85% 0.1093 132.89) 28.6%, oklch(67.82% 0.1067 135.68) 30.2%, oklch(65.63% 0.1039 138.82) 31.7%, oklch(63.33% 0.1007 142.16) 33.3%, oklch(60.96% 0.0973 145.54) 34.9%, oklch(58.57% 0.0939 148.82) 36.5%, oklch(56.20% 0.0904 151.85) 38.1%, oklch(53.91% 0.0871 154.46) 39.7%, oklch(51.72% 0.0839 156.51) 41.3%, oklch(49.69% 0.0811 157.84) 42.9%, oklch(47.86% 0.0786 158.30) 44.4%, oklch(46.28% 0.0766 157.74) 46.0%, oklch(44.99% 0.0752 156.01) 47.6%, oklch(44.04% 0.0745 152.96) 49.2%, oklch(43.47% 0.0745 148.36) 50.8%, oklch(43.31% 0.0753 141.82) 52.4%, oklch(43.53% 0.0768 133.53) 54.0%, oklch(44.06% 0.0789 123.76) 55.6%, oklch(44.85% 0.0814 112.76) 57.1%, oklch(45.85% 0.0843 100.82) 58.7%, oklch(47.00% 0.0875 88.18) 60.3%, oklch(48.26% 0.0909 75.13) 61.9%, oklch(49.56% 0.0944 61.91) 63.5%, oklch(50.86% 0.0980 48.81) 65.1%, oklch(52.10% 0.1014 36.09) 66.7%, oklch(53.23% 0.1047 24.01) 68.3%, oklch(54.19% 0.1077 12.84) 69.8%, oklch(54.93% 0.1103 2.84) 71.4%, oklch(55.39% 0.1125 354.29) 73.0%, oklch(55.53% 0.1141 347.44) 74.6%, oklch(55.33% 0.1151 342.33) 76.2%, oklch(54.86% 0.1158 338.41) 77.8%, oklch(54.15% 0.1162 335.55) 79.4%, oklch(53.25% 0.1163 333.63) 81.0%, oklch(52.19% 0.1162 332.53) 82.5%, oklch(50.99% 0.1159 332.14) 84.1%, oklch(49.70% 0.1155 332.32) 85.7%, oklch(48.35% 0.1149 332.98) 87.3%, oklch(46.97% 0.1142 333.98) 88.9%, oklch(45.60% 0.1135 335.21) 90.5%, oklch(44.26% 0.1128 336.55) 92.1%, oklch(43.00% 0.1121 337.88) 93.7%, oklch(41.85% 0.1114 339.08) 95.2%, oklch(40.84% 0.1109 340.04) 96.8%, oklch(40.00% 0.1105 340.63) 98.4%, oklch(39.37% 0.1102 340.75) 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
