CSS Color Picker (Paint Blobs)

An organic paint-blob style color picker with fluid blob animations. Pick colors with a playful splatter interface and copy the CSS color values instantly.

Open CSS Color Picker (Paint Blobs) → free, no sign-in
open full screen ↗

The Paint Blobs CSS Color Picker uses an animated paint-splatter interface to make color selection playful and tactile. Each hue is represented as a fluid blob, and clicking one gives you the CSS color code immediately.

Designers who want a more creative color exploration tool, developers looking for a distinctive UI component idea, and anyone who finds standard color wheels boring.

01 Open the CSS Color Picker (Paint Blobs)
02 Browse the animated color blobs
03 Click a blob to select that color
04 View the HEX, RGB, and HSL values
05 Copy the color code for your project

No tutorials. No learning curve. Open it and get started.

No server uploads. Everything runs locally in your browser. Your files and data never leave your device.

Completely free. No trial period. No premium tier for basic functionality. No account required. Use it as often as you need.

One job, done well. CSS Color Picker (Paint Blobs) was built to solve a specific problem cleanly. No feature bloat, no ads, no distractions.

What color formats does it output?

HEX, RGB, and HSL — copy whichever format your project uses.

How many colors are available?

A curated palette of 20+ carefully chosen colors plus shade variations.

Can I input a custom color?

Type a hex value into the input to snap to the nearest blob or show the custom color.

Does it work on mobile?

Yes — the blob interactions are touch-compatible.

Is this just a color picker or also a CSS generator?

Primarily a color picker with CSS value output. For full gradient generators, see the other CSS tools.

Free. Instant. No sign-in. Open it and get the job done.

Open CSS Color Picker (Paint Blobs) on Doathingy.com →
Browse all free tools →