The work aims to explore the technology of color system construction in interface design, assist designers in human-computer interaction design, and improve work efficiency. The application scenarios, construction theories, and methods of color systems in current Internet product interface design were analyzed. Web technology was used to develop a tool that can quickly generate batch colors to assist in establishing a color system. Users' target primary color value and the pre-generated color quantity were obtained. A certain number of complementary colors were generated based on the HSB color model, and the complementary colors were automatically corrected through a grayscale formula to achieve visual frequency consistency. After obtaining the corrected complementary color values, the hue, saturation, and lightness were automatically calculated to generate a sequence palette for each complementary color. The complementary colors and swatches obtained so far could be obtained with one click, and users were also provided with the function of manual adjustment. The resulting color specifications could be installed as a plug-in version of the tool into the UI design software sketch for designers to work on color matching. In conclusion, the launch of the tool provides rapid processing capabilities for visual designers to build color systems, and its efficiency, scientific nature, and ease of dissemination greatly enhance the aesthetics and uniformity of interface color matching, which is beneficial for building a good user experience and has certain value-added significance for product development teams.