Tools for designers
Choose colors, check text contrast and prepare image dimensions.
- Color pickerPick a color and copy HEX, RGB, HSL or HSV with opacity.
- Contrast checkerCompare two colors against WCAG text thresholds.
- Image resizerResize an image to exact pixel dimensions or keep its original proportions.
- CSS gradient generatorChoose two colors, set the direction and copy a working CSS gradient.
- Aspect ratio calculatorResize dimensions without stretching: target height = target width × original height ÷ original width.