Color Studio

A complete suite of free color tools — convert, generate palettes, build gradients, check contrast and extract colors from images.

12 tools available

0 credits Top up

Palette tools

Color Palette Generator

Build harmonious color palettes from an interactive color wheel — apply harmony rules like analogous, complementary or triad, then copy any value instantly.

Color Mixer

Blend a start color into an end color across up to 10 steps — preview the gradient, grab every shade and copy any format instantly.

Color Shades Generator

Generate a full range of tints and shades from a single color — choose your darken/lighten step and shade count, then copy any value instantly.

Image Color Extractor

Pull a refined, copy-ready color palette from any image.

Converters

Color Code Converter

Convert colors between HEX, RGB, RGBA, HSL, HSLA and HSV — pick a color, tweak the alpha, and copy any format instantly.

Named Color Finder

Find the nearest CSS named color and the closest Tailwind shade for any color — perceptually matched, with copy-ready values.

Screen Color Picker

Sample any pixel on your screen with the eyedropper, or pick colors from a dropped image, and collect them into a copy-ready palette.

Gradients

Gradient Generator from Image

Extract a beautiful gradient from any photo — drop an image, pick a mood, and the dominant colors become draggable gradient stops. Copy ready-to-paste CSS instantly.

Gradient Generator

Build linear, radial and conic CSS gradients from scratch with draggable multi-stop control and curated presets. Copy ready-to-paste CSS instantly.

Export

Palette Exporter

Paste or import a set of colors and export them instantly to CSS variables, SCSS, Tailwind config, JSON or SVG swatches — the finishing step for any palette.

Analysis

Color Contrast Checker

Check the WCAG contrast ratio between a text and background color — see AA/AAA pass-fail grades for normal text, large text and UI components, with a live preview and accessible-color suggestions.

Color Blindness Simulator

See your image or palette the way people with protanopia, deuteranopia, tritanopia or achromatopsia do — runs entirely in your browser, nothing is uploaded.