10 tools · 100% in your browser

Color & Design

Color and CSS tools for designers: HEX/RGB/HSL/OKLCH converter, WCAG contrast checker, gradient, shadow, border-radius and bezier generators, Tailwind colour…

Color· 4 tools

Convert, check contrast and pick from images.

Color Converter (HEX/RGB/HSL/OKLCH)

HEX, RGB, HSL and modern OKLCH — instantly.

Contrast Checker (WCAG)

Check WCAG AA / AAA contrast — pass or fail.

Tailwind Color Finder

Closest Tailwind class for any HEX color.

Image Color Picker & Palette

Drop an image, extract its palette.

CSS generators· 4 tools

Gradients, shadows, radius and easing curves.

Gradient Generator

Linear, radial and conic CSS gradients.

Box Shadow Generator

Visual CSS box-shadow editor.

Border Radius Generator

Per-corner CSS border-radius editor.

Cubic Bezier Editor

Design CSS easing curves visually.

Layout· 2 tools

CSS units and aspect ratios.

CSS Units Converter

Convert px, rem, em, pt and more.

Aspect Ratio Calculator

Compute ratios and resize dimensions.