ShadeKit

Free online color tools for designers and developers

Pick, convert, and check colors right in your browser. Everything runs locally, so it's private, instant, and free to use with no sign-up required.

Color Picker

Grab any color on your screen with the eye dropper, copy it as HEX, RGB, HSL, or OKLCH, and build a personal palette.

Open

Color Converter

Paste or pick any color and instantly see it in HEX, RGB, HSL, OKLCH, and CMYK, with one-click copy for every format.

Open

Contrast Checker

Test foreground and background colors against WCAG 2.1 AA and AAA contrast requirements for accessible, readable design.

Open

Color Shades

Turn any color into a Tailwind-style 11-step shade scale, generated in OKLCH for even steps, with copy-ready Tailwind, CSS, and JSON exports.

Open

Palette Generator

Generate five-color palettes with complementary, analogous, triadic, and more harmony modes. Lock colors you like and press space to regenerate.

Open

Color Palettes

A gallery of 48 hand-picked five-color palettes organized by mood, from pastel and retro to earthy, neon, and dark, with one-click hex copy and generator remixing.

Open

Color Mixer

Blend any two colors in the OKLab color space for natural, mud-free midpoints. Adjust the mix ratio and copy the result in HEX, RGB, HSL, OKLCH, or CMYK.

Open

Color Blindness Simulator

Preview any colors under protanopia, deuteranopia, tritanopia, and achromatopsia, and catch palette pairs that become hard to tell apart.

Open

Random Color

Press space or click generate for a random color with HEX, RGB, HSL, OKLCH, and CMYK values ready to copy, plus a history of recent colors.

Open

Popular conversions