Hue Codex tools

Free color tools for production color systems.

Pick colors, convert formats, check accessibility, generate palettes, write modern CSS, build scales, and export values without creating an account.

Start with the picker Check contrast
9free tools
WCAGcontrast checks
OKLCHmodern color math
CSScopy-ready exports

Tool library

Choose the job, then open the tool.

Hue Codex groups tools around the way designers and developers actually make color decisions: select, verify, systematize, and ship.

Core tools

Everyday color selection, conversion, contrast, and palette generation.

Universal color picker Color Picker Pick a color, inspect HEX, RGB, HSL, LAB, LCH, OKLAB, OKLCH, and copy production-ready color values. Color converter Converter Convert HEX, RGB, and HSL color input into web, accessibility, and design-system color formats. WCAG contrast checker Contrast Check foreground and background contrast ratios for WCAG AA and AAA readability, large text, and interface states. Palette generator Palette Generator Generate role-based palettes, lock colors, share palette URLs, and export CSS variables, JSON, SVG, and PNG palette strips.

CSS tools

Production CSS syntax, custom properties, gradients, and browser-friendly output.

CSS color syntax CSS Colors Generate modern CSS color syntax including rgb(), hsl(), lab(), lch(), oklab(), oklch(), color-mix(), light-dark(), and CSS variables. Gradient generator Gradients Generate linear, radial, and conic gradients with copy-ready CSS and accessible text-color checks.

Palette tools

Harmony, scale, and readable text helpers for stronger design systems.

Color wheel Harmonies Generate complementary, analogous, triadic, tetradic, split-complementary, and monochromatic color harmonies. Tint, shade, tone Tints Generate tints, shades, and tones from a base color for UI states, brand scales, backgrounds, and design tokens. Accessible text color Text Color Find readable text colors for any background with WCAG contrast scores and copy-ready recommendations.

Reference foundation

Tools with readable context.

Each Hue Codex utility includes human-readable guidance, related tool links, structured data, canonical URLs, and no-JavaScript reference content.

Color conversion

HEX, RGB, HSL, HWB, Lab, LCH, OKLab, and OKLCH values are exposed in practical copy-ready formats.

Accessibility

Contrast tools show WCAG AA and AAA thresholds for normal text, large text, and UI components.

Production exports

Palette and CSS tools provide variables, JSON, SVG strips, design-token style output, and shareable URLs.