描述一款面向设计师的取色工具:吸管、色轮、RGB/HSL/HEX/CMYK 实时转换与配色生成。
使用 HTML5、CSS3 和 JavaScript 构建一款面向设计师与开发者的专业级颜色工具。创建一个直观的界面,支持多种颜色选取方式,包括吸管工具、色轮、滑块以及输入字段。实现实时颜色格式转换(RGB、RGBA、HSL、HSLA、HEX、CMYK),并提供一键复制功能。添加调色板生成器,支持互补色、类似色、三角色、四角色及单色配色方案。内置收藏系统,支持为收藏集命名,并提供导出选项。实现色彩和谐规则的可视化展示,并支持交互式调节。构建渐变生成器,支持线性渐变、径向渐变和圆锥渐变,并允许多个色标。添加无障碍检查器,用于 WCAG 合规性验证,包括对比度比率计算与色觉障碍模拟。实现一键复制 CSS、SCSS 和 SVG 代码片段功能。集成颜色命名算法,为所选颜色自动推荐名称。支持将调色板导出为多种格式(Adobe ASE、JSON、CSS 变量、SCSS)。
Build a professional-grade color tool with HTML5, CSS3 and JavaScript for designers and developers. Create an intuitive interface with multiple selection methods including eyedropper, color wheel, sliders, and input fields. Implement real-time conversion between color formats (RGB, RGBA, HSL, HSLA, HEX, CMYK) with copy functionality. Add a color palette generator with options for complementary, analogous, triadic, tetradic, and monochromatic schemes. Include a favorites system with named collections and export options. Implement color harmony rules visualization with interactive adjustment. Create a gradient generator supporting linear, radial, and conic gradients with multiple color stops. Add an accessibility checker for WCAG compliance with contrast ratios and colorblindness simulation. Implement one-click copy for CSS, SCSS, and SVG code snippets. Include a color naming algorithm to suggest names for selected colors. Support exporting palettes to various formats (Adobe ASE, JSON, CSS variables, SCSS).