首页 全部提示词 Vibe Coding

高级颜色选择器工具

Advanced Color Picker Tool

文本 @f 356 字符 在 prompts.chat 查看 译文有问题?

中文译文

用 HTML5、CSS3 和 JavaScript 为设计师和开发者构建一个专业级颜色工具。创建一个直观的界面,包含多种选取方式,包括吸管、色轮、滑块和输入框。实现颜色格式(RGB、RGBA、HSL、HSLA、HEX、CMYK)之间的实时转换,并具备复制功能。添加调色板生成器,支持互补色、类似色、三角色、四角色和单色方案。包含收藏系统,支持命名集合和导出选项。实现颜色和谐规则可视化,并支持交互式调整。创建一个渐变生成器,支持线性、径向和锥形渐变,并可添加多个色标。添加无障碍检查器,用于 WCAG 合规性检测,包含对比度和色盲模拟。实现一键复制 CSS、SCSS 和 SVG 代码片段。包含颜色命名算法,为所选颜色建议名称。支持将调色板导出为多种格式(Adobe ASE、JSON、CSS 变量、SCSS)。

English original

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).