Design & colors
Colors, palettes and small design helpers.
- Color picker Pick a color and copy its HEX, RGB, HSL, OKLCH or CMYK code.
- Color converter Convert colors between HEX, RGB, HSL, HWB, LAB, OKLCH and CMYK.
- Color palette generator Create harmonious color palettes and export them as CSS, JSON or PNG.
- CSS gradient generator Design linear, radial and conic CSS gradients and copy the code.
- Contrast checker Check the WCAG contrast ratio between text and background colors.
- Image color extractor Get the dominant color palette of any image, with copyable codes.
- Box shadow generator Design soft, layered CSS box shadows and copy the code.
- SVG to PNG Convert SVG files to PNG, JPG or WebP at any size.