Design Tools
Check colour contrast, build CSS gradients and box shadows, and convert file sizes.
Color Contrast Checker
Check text and background colours against WCAG AA and AAA.
Open toolCSS Gradient Generator
Build linear or radial gradients with live preview and copy the CSS.
Open toolCSS Box Shadow Generator
Design box shadows with sliders and copy the CSS.
Open toolFile Size Converter
Convert between bytes, KB, MB, GB, TB and KiB, MiB, GiB, TiB.
Open toolColor Palette Generator
Build five-colour palettes from one base colour using colour harmony.
Open toolColor Picker from Image
Click any pixel of an image to read its HEX, RGB and HSL colour.
Open tool