Welcome to Ink, a minimalist and interactive web app for generating, exploring, and copying professional color palettes. Ink offers a modern, private, and visually compelling environment for designers, with palette harmonies, variants, instant accessibility preview, and a fully responsive interface.
- Description
- Features
- Technologies Used
- Project Structure
- Installation
- Usage
- Contribution
- License
- Contact
Ink is a web application designed for quick and creative color palette generation. Select a base color, choose harmony types, and instantly preview beautiful, accessible combinations. All palettes are generated locally in your browser—no backend or data collection.
- Generate professional color palettes instantly
- Choose harmony types: analogous, monochromatic, triadic, complementary, tetradic, and earth tones
- Select the number of colors per palette
- Responsive, modern, and accessible design
- Preview palettes with accessibility-aware contrast
- Copy color codes with one click
- Explore and regenerate popular and monochromatic palettes
- FAQ section for color theory and palette tips
- All palettes generated locally (no backend required)
- SEO and social sharing optimized
- Frontend: HTML, CSS (custom + Bootstrap), JavaScript
- Version Control: Git & GitHub
Ink/
├── assets/
│ ├── icons/
│ │ └── icon-ink.svg
│ │ └── logo-ink.svg
│ └── images/
│ ├── hero-img1.jpg
│ ├── hero-img2.jpg
│ ├── hero-img3.jpg
│ └── hero-img4.jpg
├── index.html
├── layout.css
├── main.js
└── README.md
- Clone the repository:
git clone https://github.com/workamts/Ink cd Ink - Open
index.htmlin your browser.
- Enter a HEX color code or select a preset to generate a palette.
- Select a harmony type and the number of colors.
- Click Generate to preview your palette.
- Click any color to copy its HEX code.
- Explore popular and monochromatic palettes, and regenerate them for inspiration.
- Read the FAQ section for color theory and palette tips.
Contributions are welcome! Please open an issue or submit a pull request for improvements or new features.
This project is licensed under the MIT License. See the LICENSE file for details.
- Author: Anderson Tovar - Workamts
- Email: [email protected]
- Portfolio: https://workamts.github.io/
- LinkedIn: https://www.linkedin.com/in/workamts
Thank you for supporting open, creative, and inspiring tools! 🎨✨