Design
Design Field
Colors, gradients and palettes for designers.
Every tool in this field shares the same fast, consistent interface. Learn one and you'll know them all.
- 10 tools available
- No sign-up
- Runs in your browser
Color Converter: HEX, RGB, HSL
Convert colors between HEX, RGB and HSL online. Paste any format and get the others instantly. Free, no upload and in your browser.
CSS Gradient Generator
Build CSS gradients online with a live preview: linear, radial and conic. Copy the code for your background, free and in your browser.
Color Palette Generator
Generate harmonious color palettes from any base color: analogous, complementary and more. Free and in your browser, ready to copy.
Color Contrast Checker (WCAG)
Check WCAG color contrast between text and background, with live previews, pass or fail grades and accessible color suggestions. In your browser.
CSS Box Shadow Generator
Build a CSS box-shadow with a live preview: set the offset, blur, spread, color and opacity, then copy the code. Free and in your browser.
CSS Border Radius Generator
Build a CSS border-radius with a live preview: round each corner on its own in pixels or percent, then copy the code. Free and in your browser.
Aspect Ratio Calculator
Find the exact aspect ratio of any size, and work out the missing width or height for a new one. Instant, precise and in your browser.
Color Mixer
Blend two colors by any ratio and get the result as HEX, RGB and HSL. Mixes in linear light, so the blend does not come out muddy.
Text Shadow Generator
Build a CSS text-shadow and see it on light and dark at once. Copy the declaration when it looks right.
Type Scale Generator
Build a modular type scale from a base size and a ratio, preview it, and copy it as CSS custom properties.
Explore other fields
Browse the farm by category.
Developer Field
Developer
Tools for your everyday developer work: Regex, JSON, UUIDs and more.
Image Field
Image
Convert, resize and compress images in your browser.
Text Field
Text
Tools to analyze, compare and transform text quickly.
Data Field
Data
Convert and transform structured data.
Document Field
Document
Merge, split and convert documents.
SEO Field
SEO
Tools to analyze, optimize and improve the visibility of your projects.
Media Field
Media
Convert, trim and work with audio and video files.