A modern, professional, and responsive color selection platform designed for designers, developers, and creative professionals.
ColorForge allows users to instantly generate and copy multiple color formats including HEX, RGB, HSL, HSLA, and CMYK from a beautiful interactive color picker interface.
Choose any color and instantly preview it within the application.
Generate and copy:
- HEX
- RGB
- HSL
- HSLA
- CMYK
- HTML Color Codes
Click any color code to instantly copy it to your clipboard.
- Glassmorphism design
- Animated gradient background
- Responsive layout
- Smooth hover effects
- Professional typography
Optimized for:
- Desktop
- Tablet
- Mobile Devices
- HTML5
- CSS3
- JavaScript (Vanilla JS)
- Font Awesome
- Google Fonts (Poppins)
ColorForge/
│
├── index.html
├── style.css
├── script.js
└── README.md
git clone https://github.com/your-username/colorforge.gitSimply open:
index.html
in your preferred browser.
No installation or dependencies required.
| Format | Example |
|---|---|
| HEX | #7C3AED |
| RGB | rgb(124, 58, 237) |
| HSL | hsl(263, 83%, 58%) |
| HSLA | hsla(263, 83%, 58%, 1) |
| CMYK | cmyk(48%, 76%, 0%, 7%) |
- Color Harmony Generator
- Complementary Colors
- Analogous Colors
- Monochromatic Palettes
- Gradient Generator
- Accessibility Contrast Checker
- Export Color Palettes
- Dark / Light Theme Toggle
- Color History
- Photoshop-Style Color Spectrum Picker
Professional Front-End Developer
Connect with me:
- Discord
- YouTube
- X (Twitter)
This project is licensed under the MIT License.
Copyright © 2026 Satyoki Datta