Category
Design
Color, layout and visual design tools
Showing 11 tools
Color Contrast Checker
Check WCAG 2.1 color accessibility contrast ratios. Instantly see AA and AAA compliance for normal and large text. Live preview with real text samples.
Color Palette Generator
Generate beautiful color palettes using analogous, complementary, triadic and other harmonies.
Color Picker Tool
Pick any color and get HEX, RGB, HSL and CMYK values instantly. Includes tint shades. One-click copy.
CSS Border Radius Generator
Generate CSS border-radius visually. Control each corner independently with live preview.
CSS Box Shadow Generator
Generate CSS box shadow visually with live preview. Add multiple shadow layers. One-click CSS copy.
CSS Loader / Spinner Generator
Generate CSS-only loading spinners and animations. Multiple styles with customizable colors.
CSS Triangle Generator
Generate pure CSS triangles using borders. Choose direction, size and color with live preview.
Favicon Generator
Generate favicons in all required sizes from any image. Choose shape, background color, and padding. Download PNG files and copy HTML snippet.
Gradient Generator
Create beautiful CSS gradients with live preview. Supports linear, radial and conic gradients with custom color stops.
Random Gradient Generator
Generate beautiful random CSS gradients. Refresh for new gradients or customize colors and angle.
SVG Icon Generator
Generate simple SVG icons and shapes. Download as SVG or copy CSS.