Color Tools
25 free tools — all run in your browser, no account needed.
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 →