Convert between HEX, RGB, and HSL color formats. Pick colors visually and generate palettes.
This color picker helps you explore and convert colors between different formats. Adjust hue, saturation, and lightness with sliders, or enter a HEX code directly. Generate color palettes and copy CSS code instantly.
Perfect for web designers, developers, and anyone working with colors. All conversions happen instantly in your browser.
A color picker is a digital tool that lets you select, adjust, and convert colors across different formats—HEX, RGB, and HSL—without needing to memorize complex color codes. Whether you're designing a website, creating a presentation, or picking the right shade for a project, a color picker gives you instant visual feedback and accurate code values you can copy directly into your work.
Knexio's free online color picker goes further than most: it combines selection, conversion, and palette generation in one place. You can drag sliders to explore millions of colors, enter exact values by hand, and grab ready-to-use CSS the moment you find what you need. No downloads, no sign-up, no ads cluttering the interface—just open the page and start working.
The color picker uses HSL (Hue, Saturation, Lightness) as its primary color model. Adjust the sliders to change the hue (0-360°), saturation (0-100%), and lightness (0-100%). The tool automatically converts the color to HEX and RGB formats.
Click on any color in the palette to quickly select different shades. Use the Random Color button to explore new color combinations. Copy the CSS code with one click to use in your projects.
HEX is a hexadecimal color code (e.g., #4f8cff). RGB uses red, green, and blue values from 0-255. HSL uses hue (0-360°), saturation (0-100%), and lightness (0-100%). All three represent the same color in different formats.
Use the HSL sliders to adjust the color visually. The hue slider changes the color, the saturation slider controls color intensity, and the lightness slider adjusts brightness. Alternatively, type a HEX code directly.
The palette shows 10 different shades of your selected color, ranging from dark (10% lightness) to light (90% lightness). Click any shade to select it instantly.
Click the "Copy CSS" button to copy the color code in CSS format (e.g., background-color: #4f8cff;). The code is copied to your clipboard and ready to paste into your project.
Yes, this color picker is completely free. No registration or signup is required. Just open the page and start exploring colors.
No. All color selections and conversions happen entirely in your browser. No data is sent to any server or stored anywhere.