HTML Color Picker

A modern color picker component for vanilla HTML, CSS, and JS.

Brought to you by: northstrix

Downloads: 1 This Week

Last Update: 2025-11-11

Add to Preferred Sources

A modern color picker component for vanilla HTML, CSS, and JavaScript.
Codepen: https://codepen.io/Northstrix/pen/RNaNPXG
GitHub repository: https://github.com/Northstrix/color-picker

Credit
The existence of this component wouldn't've been possible without the following:
https://21st.dev/community/components/uplusion23/color-picker/color-picker-with-swatches-and-onchange
https://www.scrollxui.dev/docs/components/toggle-vault
https://codepen.io/sfrisk/pen/NPWELrw
https://codepen.io/web-dot-dev/pen/gbOKyRZ
https://www.perplexity.ai/

Project Samples

HTML Color Picker Screenshot 1

Project Activity

See All Activity >

Follow HTML Color Picker

HTML Color Picker Web Site

Other Useful Business Software

Paessler - Monitor Your Whole Network in Minutes Icon

Paessler - Monitor Your Whole Network in Minutes

Auto-discovery finds your devices and deploys pre-configured sensors instantly. No project plan required, just visibility from day one.

Waiting weeks for a monitoring rollout isn't an option when infrastructure doesn't stop running. PRTG's auto-discovery scans your network and suggests from over 200 pre-configured sensor types, so you're watching servers, applications and devices within minutes, not after a multi-week deployment. Enterprise-strength monitoring, without the enterprise complexity. Start your free trial today.

Start Free 30-Day Trial

Rate This Project

Login To Rate This Project

User Reviews

Be the first to post a review of HTML Color Picker!

Additional Project Details

Registered

2025-11-11

Report inappropriate content

Ship Agents Faster

Transform your applications and workflows into powerful agentic systems at global scale.

Gemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.

Start Free

Recommended Projects

Colora - Color Picker
Color converter, screen color picker and color palettes for Windows
Delphi FMX Color Selector
Delphi Firemonkey dropdown color selector
PakType - Pakistani Typography
PakType is a collection of Unicode based open source OpenType fonts supporting Arabic Script under the terms of the GNU General Public License as published by the Free Software Foundation; version 2 of the license. Please visit the following URLs: Project site: https://paktype.sourceforge.net/ Facebook Page: https://www.facebook.com/PakType/ Font feature: https://paktype.sourceforge.net/features.html Source code: https://svn.code.sf.net/p/paktype/code/Fonts/Development/Code/ Samples: https://svn.code.sf.net/p/paktype/code/Fonts/Deployment/Sura-Fatiha.html Web font embedding guidelines: https://codepen.io/karachvi/pen/LEPWwOR
Pickard - color selector
Hot features: Spectrum color picker, Screen magnifier, Eyedropper, Multple color spaces support (RGB, HSL, CMY, YUV), Multiple color string support (HTML, C++, Delphi, VisualBasic).
miniWork
Editor, Calculator, Image Viewer and Color Picker