BucketWP
Browse Tools
Menu
WordPress 7.1+ Ready345 tools in this category

Color Tools

Choose colour you can defend. Build a palette, check the contrast against WCAG before a client does, and convert between every notation.

345
Active tools
39
Categories
$0
No signup
Local
Runs in browser
⌘K

Showing 7 tools

Runs in your browser

Tools

COLORFree

UI Color Palette Generator

One brand colour becomes a full interface palette: surfaces, borders, text, primary and status colours, each fitted to the contrast it needs.

--ui-text-muted: #656F82; /* 4.70:1 */
Light · dark · contrastOKLCH →
COLORFree

Tailwind Color Palette Generator

Build a 50 to 950 colour scale from one colour, in OKLCH so every step is even to the eye, ready to paste into a Tailwind theme.

--color-brand-500: oklch(64% 0.2326 264);
OKLCH · 11 stepsTailwind theme →
COLORFree

Random Color Generator

Random colours drawn in HSL with the hues spread around the wheel, each one with its contrast against black and white, so the set is usable rather than mud.

5 hues 72° apart · contrast on both printed
HSL ranges · no uploadcrypto.getRandomValues →
COLORFree

Material Color Palette Generator

A tonal palette from one colour, the Material 3 way, with the contrast at every step and an honest note about what Material 2's hand-picked palettes were.

#1e56ec → 10 tones, contrast each
Tonal, in OKLCHArithmetic →
COLORFree

Color Contrast Checker (WCAG)

Check two colours against the WCAG contrast thresholds, with the large text rule applied correctly and the nearest passing colour offered.

#1E56EC on #FFFFFF → 5.84:1
AA · AAA · UIWCAG 2 →
COLORFree

Color Converter (HEX, RGB, HSL, CMYK)

Convert a colour between hex, rgb, hsl, hwb, cmyk and oklch, with a swatch, reading any of those formats as input.

#1e56ec → rgb(30 86 236) · oklch(52.12% 0.2326 264.04)
Six formats · oklchCSS Color 4 →
COLORFree

Color Palette Generator

Build a palette from one seed colour: related hues, a tint and shade ramp for each, and the contrast figures that say which stops can carry text.

--color-brand-500: #1e56ec;
Ramps & contrastHSL →

Intuitive Workflow

Three steps. Zero onboarding hurdles.

Generate valid, ready-to-paste WordPress code in seconds without configuring a local runtime.

Select your utility

Pick a generator, converter or formatter by category, or search the catalogue by name, hook or function.
Filter by what you need

Configure parameters

Fill in typed fields and toggles; the output updates live and flags invalid values as you type.
Live validation

Copy or download

Get copy-ready PHP snippets, JSON or text, or download a file straight into your project.
Nothing you type is uploaded

Nothing leaves the tab

Your input is never uploaded

Answers as you type

No submit button, no waiting

1-Click exports

Copy, download or share a link

100% Free forever

Built by Pixarlabs for WordPress

New tools

New WordPress tools delivered directly to your inbox.

Get an email when a new generator, converter or formatter goes live. Nothing else.

No marketing spam. Unsubscribe at any time.

Built for scale

Why engineers prefer BucketWP

Clean output that follows WordPress conventions, no bloat, and everything computed in your browser.

100% Client-Side Engine

Tools run in your browser. Database names, prefixes and secret salts you type are never sent to a server.

$ uploaded: 0 bytes

WordPress-Style PHP

Generated code uses translatable labels, safely quoted values and the core hooks WordPress expects.

$ add_action( 'init', 'register_book' );

Copy, Download or Share

Copy the result, download a ready file, or share a link that restores your settings.

$ download wp-config.php

Missing a WordPress generator?

Read how the tools work in the docs, or browse the full catalogue for the closest match.

Browse all tools
Documentation