Design
Apply gamma correction to adjust image brightness non-linearly for better visual perception
image-gamma-correctionDesign
Convert images to pixelated/mosaic effect with adjustable pixel size
image-pixelatorDesign
Add rounded corner effects to images with adjustable radius and corner selection
image-rounded-cornersDesign
Adjust color saturation levels to make colors more vivid or create grayscale effects
image-saturationDesign
Enhance image clarity and sharpness with adjustable sharpening intensity and multiple sharpening methods
image-sharpenDesign
Convert a color between HEX, RGB, HSL, CIELAB, and Display-P3 with CSS-ready output and gamut checks.
color-space-converterDesign
Fetch a remote image URL, extract dominant colors, export code-ready palette files, and review contrast ratios
color-palette-extractor-from-image-urlDesign
Turn one primary hex color into a full design-token cascade with primary, accent, neutral, semantic tokens, CSS variables, and Style Dictionary JSON
color-token-cascade-generatorDesign
Measure WCAG contrast, simulate major color-vision deficiencies, and optionally flag low-contrast regions in a UI screenshot
color-vision-accessibility-checkerDesign
Generate smooth color gradients between multiple colors with customizable steps and formats
color-gradient-generatorDesign
Convert between different color formats
color-converterDesign
Generate random colors and color palettes
color-generator