Skip to main content
Uddatak

Design & CSS Tools

Generate CSS gradients, shadows, and border radii, and check color contrast for the web. This category has 17 Uddatak tools that run directly in your browser — no software to install.

Fully local

Color Contrast Checker

Check whether a text/background color pair meets WCAG accessibility contrast standards.

Design & CSS ToolsOpen tool
Fully local

CSS Gradient Generator

Build a linear or radial CSS gradient visually and copy the code.

Design & CSS ToolsOpen tool
Fully local

CSS Box Shadow Generator

Design a CSS box-shadow visually with sliders and copy the generated code.

Design & CSS ToolsOpen tool
Fully local

CSS Border Radius Generator

Design rounded corners visually — including asymmetric shapes — and copy the CSS code.

Design & CSS ToolsOpen tool
Fully local

PX to REM Converter

Convert between pixels and rem units, based on a custom root font size.

Design & CSS ToolsOpen tool
Fully local

Color Palette Extractor

Extract the most dominant colors from any image, with HEX, RGB, and CSS codes

Design & CSS ToolsOpen tool
Fully local

Code Screenshot Generator

Paste code and turn it into a polished image with a gradient background and title bar, ready to share

Design & CSS ToolsOpen tool
Fully local

Color Blindness Simulator

See how your image looks to someone with color blindness (protanopia, deuteranopia, tritanopia, or achromatopsia)

Design & CSS ToolsOpen tool
Fully local

CSS Clip-Path Generator

Pick a ready-made shape (circle, triangle, star, message bubble...) and copy the clip-path CSS code.

Design & CSS ToolsOpen tool
Fully local

Cubic Bezier Easing Generator

Drag two points to visually design a custom motion easing curve and copy the cubic-bezier code.

Design & CSS ToolsOpen tool
Fully local

CSS Glassmorphism Generator

Visually design a frosted-glass card effect and copy the ready CSS code.

Design & CSS ToolsOpen tool
Fully local

CSS Grid & Flexbox Generator

Visually design a Grid or Flexbox layout with a live preview and copy the ready CSS code.

Design & CSS ToolsOpen tool
Fully local

Text to Handwriting Converter

Turn typed text into an image that looks handwritten on ruled paper, in a choice of handwriting styles.

Design & CSS ToolsOpen tool
Fully local

SVG Blob & Background Pattern Generator

Generate a random organic blob shape or a seamless repeating background pattern as SVG, and copy or download it.

Design & CSS ToolsOpen tool
Fully local

CSS Keyframe Animation Generator

Design a CSS animation visually (fade, slide, zoom, bounce, rotate, flip) and get ready-to-use @keyframes code.

Design & CSS ToolsOpen tool
Fully local

Color Palette Harmony Generator

Pick a base color and get a harmonious color palette (complementary, analogous, triadic, tetradic, monochromatic).

Design & CSS ToolsOpen tool
Fully local

Mesh Gradient Generator

Create a soft, multi-point mesh gradient background with one click, and copy ready-to-use CSS code.

Design & CSS ToolsOpen tool

Other categories you might like

AI ToolsText ToolsPDF ToolsImage Tools
View all tools and categories