My Tool Studio
16 tools · For designer

Color & Design

Color tools for designers, pick, blend, extract from images, check WCAG contrast, build palettes, convert between HEX/RGB/HSL/CMYK, simulate color blindness.

Color Picker

Pick colors and copy HEX, RGB, HSL, CMYK, OKLCH

Color

Color Palette Generator

Generate palettes with lock, harmonies and export

Color

HEX to RGB Converter

Convert HEX color codes to RGB and RGBA

Color

RGB to HEX Converter

Convert RGB and RGBA values to HEX

Color

HEX to HSL Converter

Convert HEX color codes to CSS HSL

Color

HSL to HEX Converter

Convert HSL and HSLA values to HEX

Color

Color Blender

Mix two or more colors at any ratio

Color

Color Palette from Image

Extract a color palette from any image

Color

Color Shades Generator

Tints, shades and tones of any color

Color

Color Wheel

RGB and RYB color wheel with 8 harmonies

Color

RGB to CMYK Converter

Convert RGB or HEX to CMYK and back

Color

Pantone Color Finder

Nearest Pantone Solid Coated match for any color

Color

Color Name Finder

Find the CSS color name for any HEX

Color

Tailwind Color Palette

Tailwind 50 to 950 scale generator and palette

Color

Material Design Color Palette

All 19 Material Design hues with HEX codes

Color

Color Converter

Convert any color to HEX, RGB, HSL, CMYK, LAB

Color

About Color & Design

The Color category has 16 tools for picking, converting and naming colors. The Color Picker gives you HEX, RGB, HSL, CMYK and OKLCH codes for any shade, and the Color Converter shows one color in many formats at once, including LAB and LCH. The Color Palette Generator and Color Wheel build matching palettes and harmonies, and the Color Blender mixes two or more colors into a ramp. Single converters such as the HEX to RGB Converter, RGB to HEX Converter, HSL to HEX Converter and RGB to CMYK Converter handle one job quickly. Color Palette from Image pulls the main colors out of a photo or logo. The Color Shades Generator builds a 50 to 950 scale for Tailwind or CSS variables. Reference tools include the Tailwind Color Palette, Material Design Color Palette, Pantone Color Finder and Color Name Finder. These tools are for designers, front-end developers and anyone matching brand colors. All of them run in your browser.

Common questions

How do I get the colors from a logo or photo?

Upload it to Color Palette from Image. It finds the main color and a palette of 2 to 16 colors, and you can click any pixel to get its HEX, RGB and HSL values. The image stays in your browser.

Is the RGB to CMYK conversion accurate for print?

It uses the standard formula without an ICC color profile. That is fine for a rough match, but your printer's profile can shift the result. Ask for a proof before a large print run.

Does the Pantone Color Finder give official Pantone matches?

It finds the 5 nearest of 1,115 Pantone Solid Coated colors and shows a Delta E score for each, so you can see how close the match is. The site is not affiliated with Pantone, so check against a physical swatch book for print work.

Can I make a Tailwind color scale from my brand color?

Yes. The Color Shades Generator builds a 50 to 950 scale and exports it for Tailwind v4, Tailwind v3 or CSS variables. To find the nearest default Tailwind class for a HEX code, use the Tailwind Color Palette.

Where is the color contrast checker?

The Color Contrast Checker is in the WCAG and Accessibility category, next to the Color Blindness Simulator and Accessible Color Palette Generator. Those tools check colors against WCAG rules.