 
A modern, responsive, and accessibility-aware color selection tool for designers, developers, and content creators.
Supports HEX, RGB, HSL, CMYK formats, contrast analysis (WCAG), and harmonious palette suggestions.
🌐 Available in English, فارسی, 中文.
🔗 Try it online
📖 Read the article (FA)
- Real-time color preview and contrast analysis (WCAG AA/AAA)
- Harmonious palette suggestions: Complementary, Triadic, Analogous, etc.
- Format conversion: HEX, RGB, HSL, CMYK
- Image-based color picking with pixel zoom
- Responsive design (mobile/tablet/desktop)
- Dark mode support
- No installation or login required
This is a web-based tool. No installation needed.
To contribute or self-host:
git clone https://github.com/mcodersir/ColorPicker.git
cd ColorPickerThe interface and documentation are available in:
- English
- فارسی (Persian)
- 中文 (Simplified Chinese)
We welcome contributions!
Feel free to submit issues, feature requests, or pull requests.
MIT License
ابزار انتخاب رنگ Dicode یک انتخابگر رنگ مدرن و واکنشگراست که برای طراحان، توسعهدهندگان و تولیدکنندگان محتوا طراحی شده است.
از فرمتهای HEX، RGB، HSL، CMYK پشتیبانی میکند و تحلیل تضاد رنگی بر اساس استاندارد WCAG را ارائه میدهد.
همچنین پالتهای رنگی هماهنگ مانند مکمل، سهگانه، مشابه و ... را پیشنهاد میدهد.
🔗 استفاده آنلاین
📖 مقاله معرفی
- پیشنمایش رنگ و بررسی خوانایی متن (WCAG AA/AAA)
- پیشنهاد پالتهای رنگی هماهنگ
- تبدیل فرمتهای رنگی: HEX، RGB، HSL، CMYK
- انتخاب رنگ از تصویر با بزرگنمایی پیکسل
- طراحی واکنشگرا برای موبایل و دسکتاپ
- پشتیبانی از حالت تاریک
- بدون نیاز به نصب یا ثبتنام
Dicode ColorPicker 是一款现代化、响应式并注重可访问性的颜色选择工具,适用于设计师、开发者和内容创作者。
支持 HEX、RGB、HSL、CMYK 格式,提供 WCAG 对比度分析,并推荐协调配色方案。
- 实时颜色预览与对比度分析(WCAG AA/AAA)
- 推荐协调配色:互补色、三色、类似色等
- 支持格式转换:HEX、RGB、HSL、CMYK
- 可从图片中选取颜色,支持像素级放大
- 响应式设计,适配移动端与桌面端
- 支持深色模式
- 无需安装或登录
Let me know if you'd like to customize the tone, add screenshots, or include contributor credits.