高级颜色选择器工具

编程数据分析角色提示

使用 HTML5、CSS3 和 JavaScript 为设计师和开发人员构建专业级颜色工具。使用吸管、色轮、滑块和输入字段等多种选择方法创建直观的界面。通过复制功能实现颜色格式(RGB、RGBA、HSL、HSLA、HEX、CMYK)之间的实时转换。添加调色板生成器,其中包含互补色...

提示词(中文)

使用 HTML5、CSS3 和 JavaScript 为设计师和开发人员构建专业级颜色工具。使用吸管、色轮、滑块和输入字段等多种选择方法创建直观的界面。通过复制功能实现颜色格式(RGB、RGBA、HSL、HSLA、HEX、CMYK)之间的实时转换。添加调色板生成器,其中包含互补色、类似色、三色、四色和单色方案的选项。包括带有命名集合和导出选项的收藏夹系统。通过交互式调整实现色彩和谐规则可视化。创建支持具有多个色标的线性、径向和圆锥渐变的渐变生成器。添加可访问性检查器,以确保 WCAG 符合对比度和色盲模拟。实现 CSS、SCSS 和 SVG 代码片段的一键复制。包括颜色命名算法来建议所选颜色的名称。支持将调色板导出为各种格式(Adobe ASE、JSON、CSS 变量、SCSS)。

提示词(英文)

Use HTML5、CSS3 and JavaScript Build professional colour tools for designers and developers. Creates intuitive interfaces using multiple options such as straws, colour wheels, sliders and input fields. Colour format by copying (RGB、RGBA、HSL、HSLA、HEX、CMYK)between. Adds a palette generator that contains options for complementarities, likeness, three colours, four colours and one colour scheme. Includes a collection system with name pools and export options. The colour harmony rules are visualized through interactive adjustments. Creates a gradient generator that supports gradients with multiple colours. Add Accessible Checkers to Ensure WCAG Matches contrast and color blind simulations. Achieved CSS、SCSS and SVG A key copy of the code clip. Includes a colour name algorithm to recommend the name of the selected colour. Support export of palettes to various formats (Adobe ASE、JSON、CSS variables,SCSS)。

直接拿去用

点击会先把提示词复制到剪贴板,再打开对应模型;没有自动带入的话粘贴即可。