Color Input

HEX Value

Shade Palette

All Formats

hex#6366F1

hexLower#6366f1

rgbrgb(99, 102, 241)

rgbargba(99, 102, 241, 1)

hslhsl(239, 84%, 67%)

cssVar--color-primary: #6366f1;

tailwindtext-[#6366f1]

Contrast Preview

White on Color

Black on Color

Color on White

Color on Black

Color Code Converter

Multi-Format Color Conversion Instantly convert any color between HEX, RGB, RGBA, HSL, CSS custom properties, and Tailwind utility classes. The live preview swatch and shade palette generator help you find the perfect variation.

Accessibility Preview Our contrast preview instantly shows how your chosen color appears against white, black, and colored backgrounds — essential for ensuring WCAG accessibility compliance in your designs.

Related Developer Tools

JWT Decoder

Decode and inspect your JSON Web Tokens (JWT) locally. Ensure your token headers and payloads are securely viewed entirely within your browser.

String Endecoder

Instantly encode or decode Base64 strings and URL parameters safely within your browser.

Regex Tester

Test your regular expressions in real-time with match highlighting, capture group visualization, and flag toggles.