Free Color Tools
Pick colors from your screen and convert between HEX, RGB and HSL for your next design or website.
5 tools · no sign-up · free to use
Color Picker & Converter
Pick any color from anywhere on your screen, or convert instantly between HEX, RGB, and HSL.
Open free tool →Color Palette Generator
Press the spacebar for a new palette, lock the colours you like, pick a harmony, or pull the palette out of a photo. Export to CSS, Tailwind, SCSS, JSON or PNG.
Open free tool →Contrast Checker
Check text and background colours against WCAG 2.x AA and AAA, see the APCA Lc value, and get the nearest colour that passes.
Open free tool →CSS Gradient Generator
Build linear, radial and conic gradients with draggable colour stops, an angle dial and presets. Copy the CSS or a Tailwind class.
Open free tool →Box Shadow Generator
Design layered box-shadow and text-shadow effects with live preview, presets for elevation, neumorphism and glow, and copy the CSS.
Open free tool →