Convert colors between HEX, RGB, HSL, and HSB/HSV formats instantly.
Specialized UI for this color tool is coming soon.
#3b82f6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
#ff6b6b
#2ecc71
A: HEX (#rrggbb), RGB (r, g, b), HSL (hue, saturation, lightness), and HSB/HSV (hue, saturation, brightness).
A: HSL lightness is at 50% for pure color; HSB brightness is at 100% for pure color. Photoshop uses HSB.
A: Yes, both 3-digit (#rgb) and 6-digit (#rrggbb) are supported.
Pick colors from images or screen, convert between HEX, RGB, HSL, CMYK formats, and generate color palettes.
Generate beautiful color palettes from images, keywords, or randomly. Perfect for design projects.
Visually create CSS box-shadow effects with live preview. Copy ready-to-use CSS code.
Pick colors from images or screen, convert between HEX, RGB, HSL, CMYK formats, and generate color palettes.
Generate beautiful color palettes from images, keywords, or randomly. Perfect for design projects.
Check color contrast ratios for accessibility compliance (WCAG). Ensure your designs are readable for everyone.
Create beautiful CSS gradients with visual editor. Generate linear, radial, and conic gradient code.
Simulate how colors appear to people with different types of color vision deficiencies.
Generate professional color schemes for websites, apps, and branding with predefined themes and use cases.
Privacy: This tool runs entirely in your browser. No data is sent to our servers.