Color Tools

Convert, generate, and check colors instantly, right in your browser — nothing you pick is ever uploaded.

• Color PickerPick a color and instantly see its HEX, RGB, HSL, and CMYK values, all in one place.
• HEX to RGB ConverterConvert a hex color code like #ff5733 to its RGB red/green/blue values instantly.
• RGB to HEX ConverterConvert RGB red/green/blue values (0–255 each) into a 6-digit hex color code.
• RGB to HSL ConverterConvert RGB values to HSL (hue, saturation, lightness) for easier programmatic color tweaks.
• HSL to RGB ConverterConvert HSL (hue, saturation, lightness) values back to RGB red/green/blue numbers.
• HEX to HSL ConverterConvert a hex color code directly to HSL (hue, saturation, lightness) values.
• HSL to HEX ConverterConvert HSL (hue, saturation, lightness) values directly to a 6-digit hex color code.
• CMYK ↔ RGB ConverterConvert between CMYK (print) and RGB/HEX (screen) color values in either direction.
• Random Color GeneratorGenerate a random color in HEX, RGB, HSL, and CMYK, one click at a time.
• Color Palette GeneratorGenerate complementary, triadic, analogous, and other color harmonies from a base color.
• Tint & Shade GeneratorGenerate a full lighter-to-darker ramp from any base color, for design-system color scales.
• Color MixerBlend two colors together at any ratio and see the resulting hex, RGB, and HSL values.
• CSS Gradient GeneratorBuild a linear or radial CSS gradient with multiple color stops and copy the ready-to-use CSS.
• WCAG Contrast CheckerCheck the WCAG contrast ratio between a text color and background color for accessibility compliance.
• WCAG Accessible Palette GeneratorAuto-adjust a text color's lightness until it passes WCAG AA or AAA contrast against a background.
• Color Blindness SimulatorPreview how a color looks under protanopia, deuteranopia, and tritanopia color vision deficiency.
• Color Name FinderFind the closest standard CSS color name for any hex, RGB, or picked color.
• Image Color ExtractorExtract the dominant colors from any photo or image as a copyable palette.