Color Tools

25 tools — all free, all in-browser.

HEX to RGBConvert hex color codes to RGB values.Use Tool →HEX to HSLConvert hex color codes to HSL values.Use Tool →RGB to HEXConvert RGB values to hex color codes.Use Tool →RGB to HSVConvert RGB values to HSV/HSB values.Use Tool →RGB to CMYKConvert RGB values to CMYK for print.Use Tool →RGB to LABConvert RGB to CIE L*a*b* color space.Use Tool →WCAG Color Contrast CheckerCheck AA/AAA accessibility contrast compliance for text and background colors.Use Tool →Pixel to Rem/Em ConverterConvert px, rem, and em values with configurable base font size.Use Tool →Image Color Palette ExtractorUpload an image and extract dominant color swatches instantly.Use Tool →Color Name FinderFind the nearest named color from HEX or RGB input.Use Tool →Resistor Color Code CalculatorConvert 4-band resistor colors to ohms and reverse from value to bands.Use Tool →HSL to HEXConvert HSL values to hex color codes.Use Tool →HSL to HSVConvert HSL to HSV/HSB color values.Use Tool →HSV to HSLConvert HSV/HSB to HSL color values.Use Tool →HSV to RGBConvert HSV/HSB values to RGB.Use Tool →CMYK to RGBConvert CMYK print values to RGB.Use Tool →LAB to RGBConvert CIE L*a*b* values to RGB.Use Tool →Color PickerPick any color with HSL sliders and instantly get HEX, RGB, HSL, HSV, and CMYK values.Use Tool →Color Palette GeneratorGenerate complementary, analogous, triadic, split-complementary, tetradic, and monochromatic palettes from any base color.Use Tool →Color MixerBlend any two colors together with a custom ratio. See the mixed result as HEX, RGB, and HSL with a full gradient spectrum.Use Tool →Color Shades GeneratorGenerate a complete 11-step color scale (50–950) from any base color. Copy as CSS custom properties or a Tailwind config snippet.Use Tool →Color Blindness SimulatorSimulate how colors appear to people with color blindness. Preview Protanopia, Deuteranopia, Tritanopia, and Achromatopsia side by side to test designs for accessibility.Use Tool →Random Color GeneratorGenerate random hex colors instantly. Get HEX, RGB, and HSL values, lock palette swatches, and copy any color code for your next design project.Use Tool →Screen Color PickerPick any color from your screen using the EyeDropper tool and get HEX, RGB, HSL, and CMYK values instantly. Includes color history and manual hex input.Use Tool →Tailwind Color Palette GeneratorGenerate a complete Tailwind CSS color palette from any base color. Get all 11 shades (50–950) with hex values, copy as tailwind.config.js, CSS variables, or JSON.Use Tool →