Catch every detail

Huey - Color Generator

Generate stunning color palettes and extract hues from images with Huey's React-powered color magic.

Huey - Color Generator

Intro

Huey is a powerful color generator with a range of features to enhance your creative projects. Whether you need a palette for your website, app, or design, Huey has you covered. With an aesthetically pleasing UI/UX, seamless color generation, and additional functionalities, Huey makes the process of color selection an enjoyable experience

Genre

Fullstack

Type

Individual Project

Role

UI/UX Designer, Frontend Developer, Backend Developer

Colors

Typography

Primary

DotGothic16

Secondary

DM Sans

Features

Feature #1

Color Generation

Generate a palette of 1 to 10 colors effortlessly.

Feature #2

Gradient Collection

Access a curated collection of high-quality gradients to elevate your designs.

Feature #3

Image-Based Color Generation

Extract colors from images to harmonize your palette with your visuals.

Feature #4

Font Pairings

Discover and use stylish font pairings that complement your chosen colors.

Feature #5

Download and Share

Download and Share Download your color palettes as PDFs or share them with friends via generated links.

Feature #6

Color Saving

Save your favorite color palettes for future reference.

Feature #7

Authentication

Securely log in and sign up using JWT (JSON Web Token) with session and refresh tokens.

Highlighted Features

Color Generation

Effortlessly generate a palette of 1 to 10 colors randomly selected from a collection of around 500 colors sourced from 'Coolors' and various websites. By simply clicking the space bar, new colors can be generated, and each color can be locked for preservation. Additionally, you can easily copy the hex code of each color.

Color Generation

Gradient Collection

Access a curated selection of high-quality gradients to enhance your designs. I frequently encounter appealing gradients while browsing the internet, so I have compiled a page where I showcase gradients that I find noteworthy for future use.

Gradient Collection

Image-Based Color Generation

Harmonize your palette with your visuals by extracting colors from images. Simply input any image, and using a node package, the tool will extract 1 to 10 different colors from the image to create a harmonious color palette.

Image-Based Color Generation

Font Pairings

Discover stylish font pairings that complement your chosen colors. Save time searching for fonts by exploring a variety of font pairings that I have personally used and curated on this page for easy selection in your projects.

Font Pairings