Easy Prompt
CodingCodeIntermediate

Advanced Color Picker Tool

Build a professional-grade color tool for designers and developers with multiple selection methods, real-time conversion, palette generator, gradient generator, accessibility checker, and more.

Prompt Content

Copy and paste directly into your model or internal evaluation tool.

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

Use Cases

Designers selecting colors and generating palettesDevelopers converting color formats and getting CSS codeChecking color contrast for WCAG compliance

Reference Output

A fully functional web application with color selection, conversion, palette generation, gradient generation, accessibility checking, and code export features.

Scoring Rubric

Evaluate UI design, feature completeness, code quality, performance, and usability.

Try & save

Fill variables and copy, or save as a personal template.

This template has no variables and is ready to copy.

User Rating

0 ratings
-

Your rating

Log in to rate

Comments

0

Log in to comment

Related Prompts