Design Kit
Color picker, gradient generator, box shadow builder, contrast checker — everything you need for beautiful web design. All free, all in your browser.
Pick any color visually and instantly get HEX, RGB, HSL, and CSS values. Includes a swatch palette for common colors.
Open tool →Create stunning CSS gradients effortlessly. Web designers and developers use it to enhance visual appeal in their projects.
Open tool →Generate CSS box shadow effects visually with live preview. Copy the CSS with one click.
Open tool →Check the contrast ratio between two colors for WCAG accessibility compliance. Instantly see if your color combination passes AA or AAA standards.
Open tool →Convert HEX color codes to RGB values and generate matching color palettes for design projects. Useful for designers and social media content creators.
Open tool →Transform RGB color values into hexadecimal codes instantly for web and graphic design. Simplifies color picking and coding tasks.
Open tool →Preview and generate CSS border-radius with live visual preview. Adjust all four corners independently or link them. Copy the CSS code.
Open tool →Create favicons from text, emoji, or uploaded images. Preview at multiple sizes (16x16 to 256x256). Download as PNG files. Free online favicon maker with customizable colors and border radius.
Open tool →Describe a mood, brand, or theme and get a curated color palette with hex codes, CSS variables, and Tailwind config.
Open tool →