Color & Design tools
About Color & Design tools
A free set of tools for color and design work — a color picker, color code converter, contrast ratio checker, and palette generator. Everything runs in your browser with no signup or install.
They help choose UI color schemes, verify accessible (WCAG) contrast, and pick brand colors. Ideal for designers, web creators, and front-end engineers — anyone who works with color.
All Color & Design tools
Color Picker
Pick colors from an image and get the HEX, RGB, or HSL code. Zoom in with the loupe for pixel-level accuracy and export your palette. Free, no signup.
Color Code Converter
Convert color codes between HEX, RGB, HSL, HSV, and OKLCH, with alpha and a CMYK reference. Copy any format in one click. Runs entirely in your browser.
Contrast Checker
Check color contrast against WCAG 2.1 / 2.2 AA and AAA, with passing-color suggestions, color-blindness simulation, and APCA. Runs entirely in your browser.
Color Palette Generator
Free color palette generator. Pick one base color to generate complementary, analogous, triadic, and other color schemes from color theory. Export as CSS variables, Tailwind, SCSS, or JSON. Runs entirely in your browser.