Skip to content

Project of selecting colors from images and creating text colors, complementary and similar colors, etc. | پروژه انتخاب رنگ از تصویر و ساخت رنگ متن و مکمل و مشابه و...

License

Notifications You must be signed in to change notification settings

mcodersir/ColorPicker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

🎨 Dicode ColorPicker

image

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)


🌟 Features

  • 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

📦 Installation

This is a web-based tool. No installation needed.
To contribute or self-host:

git clone https://github.com/mcodersir/ColorPicker.git
cd ColorPicker

🌍 Multilingual Support

The interface and documentation are available in:

  • English
  • فارسی (Persian)
  • 中文 (Simplified Chinese)

🤝 Contributing

We welcome contributions!
Feel free to submit issues, feature requests, or pull requests.


📄 License

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.

About

Project of selecting colors from images and creating text colors, complementary and similar colors, etc. | پروژه انتخاب رنگ از تصویر و ساخت رنگ متن و مکمل و مشابه و...

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages