Designer Tools
Gradients, shadows, colour tools and SVG helpers for designers and front-end devs.
Color PickerClick any pixel in an image to get its exact color code.Palette GeneratorExtract a dominant color palette from any image.CSS Gradient GeneratorPopularCreate linear, radial and conic CSS gradients visually.Box Shadow GeneratorDesign layered CSS box shadows with a live preview.Glassmorphism GeneratorGenerate frosted-glass CSS with backdrop blur.Border Radius GeneratorBuild CSS border-radius shapes, including blobs.Color ConverterPopularConvert colours between HEX, RGB, HSL, HSV, CMYK and OKLCH.Color Contrast CheckerPopularCheck WCAG contrast ratio between text and background colours.Color Shades & Tints GeneratorGenerate a 50–950 shade scale from one colour.Color Harmony GeneratorFind complementary, analogous and triadic colour schemes.CSS Clamp CalculatorCalculate fluid clamp() values for responsive sizing.SVG OptimizerShrink SVG files by removing metadata and whitespace.Image to Base64Convert images to Base64 data URIs for HTML and CSS.