gitmyhub

Ranglar-Palatasi

TypeScript ★ 35 updated 28d ago

Ranglar Palatasi

This repository contains a color palette and gradient generator web app called HueCraft, built with TypeScript. The README is written in Uzbek, but the app itself is a design tool for working with colors. The visual style uses a frosted glass look with light and dark mode support and animated neon background lighting.

The palette generator lets you pick a base color and then automatically builds a harmonious set of colors using different rules: analogous (neighboring shades), monochromatic (same hue, different brightness), triadic (three evenly spaced hues), complementary (opposite on the color wheel), and tetradic (four evenly spaced hues). You can lock individual color cards so they stay fixed while the rest regenerate, and pressing the spacebar on a keyboard instantly creates a new palette.

The gradient builder lets you construct linear or radial gradients with up to five color stops, rotate the angle, and copy the finished CSS code directly. A contrast checker tests whether two colors meet WCAG 2.1 readability standards, which are guidelines that ensure text is readable against its background, and shows a live visual preview.

Favorite palettes and gradients are saved in the browser so they persist between visits. You can also export your saved colors as a JSON file. The app converts between HEX, RGB, and HSL color formats internally.

Deploying the project is described as straightforward: push it to GitHub, connect to Vercel, and the site goes live in about 30 seconds without extra configuration.