Design e CSS
Seletores de cores, geradores de gradientes, sombras CSS e otimizador SVG.
CSS Gradient Generator (Linear & Radial)
Design modern linear and radial CSS color gradients with custom angles and copy ready-to-use CSS code.
CSS Box Shadow Visual Generator
Visually configure horizontal offset, vertical offset, blur radius, spread, and shadow color.
Online Color Picker & Palette
Pick any color on the visual canvas, adjust brightness and hue, and get instant HEX, RGB, and HSL codes.
Aspect Ratio Calculator (16:9, 4:3, 1:1)
Calculate proportional dimensions for videos, images, and screens to avoid distortion or black bars.
WCAG Color Contrast Ratio Checker
Calculate color contrast ratios between text and background to ensure WCAG AA and AAA accessibility compliance.
Color Blindness Vision Simulator
Simulate how your website, branding, and images look to people with Protanopia, Deuteranopia, or Tritanopia.
Website Favicon & App Icon Generator
Generate multi-resolution browser favicons (16x16, 32x32, 48x48) from any square logo or image.
Color Model Converter (HEX, RGB, HSL)
Convert colors between HEX, RGB, and HSL formats with interactive color picker and CSS code export.
Extract Color Palette from Image
Upload any photo, poster, or UI screenshot to instantly extract the 5 dominant colors with HEX and RGB codes.
Universal Color Converter (HEX, RGB, HSL, CMYK)
Convert any color across HEX, RGB, RGBA, HSL, HSV, and CMYK printing color spaces with an interactive color picker.
SVG Placeholder Generator
Generate customizable SVG placeholder images
Chart Maker
Create bar, pie and line charts online