Loading…

Text & Writing Password & Security Converters Math & Numbers Date & Time Color & Design Web & Dev SEO & Marketing Image Network / What's my...Generators Finance & Calculators Social Media PDF Audio / Video AI / LLM Education / Citations Fun

Free online tools for every part of your life. A growing toolkit for the small jobs that come up in work, money, home and study, free to use with no subscription fee.

ToolBreezy © 2026. All rights reserved.

About Contact Search Privacy Terms

Home
Color & Design

Color & Design

Color conversion, palettes, gradients and contrast checks, for when the hex you were handed is not the format you need.

18 tools in 4 groups

Color Converters

6 tools

HEX to RGB Converter

Convert any HEX color to RGB and RGBA instantly, including 8-digit alpha codes, with a live swatch and color picker.

RGB to HEX Converter

Convert RGB color values to a HEX code instantly, with a live swatch and color picker.

Color Converter

Convert any color between HEX, RGB, HSL, and HSV with a live picker and copy buttons.

Color Picker

Pick a color, or paste any CSS value, and copy it straight back as HEX, RGB, HSL, HSV, or CMYK. Paste an rgba and the alpha comes back with it.

Color Picker from Image

Upload an image, click any pixel, and read its exact HEX, RGB, and HSL color. Sample brand colors from a logo or photo, right in your browser.

HEX to CMYK Converter

Convert a HEX color code to CMYK values for print, with RGB shown too, a live swatch, color picker, and copy.

Palettes & Gradients

8 tools

Random Color Generator

Roll random colors, lock the ones you like and reroll the rest, then copy or download the whole palette as CSS variables or JSON. Free, instant, private.

CSS Gradient Generator

Click a curated preset, shuffle a random gradient, or build your own with linear or radial, color stops, and one-click copy.

Color Palette Generator

Generate harmonious color palettes from any base color - complementary, analogous, triadic, tetradic, and monochromatic schemes with hex and RGB.

CSS Box Shadow Generator

Set offset, blur, spread, color, opacity, and inset, stack multiple shadow layers, watch the live preview, and copy the exact box-shadow CSS.

CSS Border Radius Generator

Round each corner in px or %, switch on elliptical mode for organic blob shapes, watch the live preview, and copy the exact border-radius CSS.

CSS Text Shadow Generator

Set offset, blur, color, and opacity, stack multiple shadow layers for outline, glow, 3D, and retro effects, preview live on sample text, and copy the exact text-shadow CSS.

Color Shades Generator

Generate a ramp of tints and shades from any base color - lighter toward white, darker toward black - plus a Tailwind-style 50-900 scale, each swatch with its hex.

Color Mixer

Blend two or more colors, read the exact hex and RGB at any point, and export the full scale as a copyable CSS gradient, with a live preview and click-to-copy steps.

Accessibility

1 tool

Color Contrast Checker

Check the WCAG contrast ratio between two colors and see instant AA and AAA pass/fail badges for normal and large text.

CSS & Design

3 tools

CSS Filter Generator

Drag sliders for blur, brightness, contrast, grayscale, sepia, saturate, hue-rotate, invert, and opacity, watch a live preview, and copy the exact CSS filter line.

CSS Glassmorphism Generator

Drag sliders for blur, transparency, saturation, border and radius to build a frosted-glass card over a live backdrop, then copy the exact backdrop-filter CSS with the -webkit- prefix.

CSS Animation Generator

Pick a preset animation - fade, slide, bounce, spin, pulse, shake - tune duration, easing, delay, iteration count, direction, and fill mode, watch a live preview, and copy the full @keyframes CSS.