a clean & simple color picker for web designers
Click on any of the colors below to copy their value. You can select which format to use:
🎨 I wanted to create a color picker that's clean and elegant, without clutter and where we see a large preview of the selected color.
😅 I also wanted to make it easy to copy the color values in different formats like RGB(a), HSL(a), hex or 8-digit hex (with alpha), so that as web designers we can stop finicking around with formatting our color values and can get on to what we do best with CSS and HTML.
✨ For the selected color, you also get swatches with tints, shades, tones, warmer colors and cooler colors. This can help refine the color, or help build a cohesive palette for your design project. Tints consist of the original color mixed with various degrees of white, shades mix the color with various degrees of black and tones are a mix of the colors with various degrees of neutral gray.
or, if that's more your style, you can follow me on Twitter