About
About hexrgb.com
A focused, free toolkit for working with color on the web — built for designers, front-end developers, and anyone who has ever stared at a hex code and wondered what it would look like as RGB.
What this site is
hexrgb.com is a single-purpose color utility. The home page runs a live HEX ↔ RGB converter alongside an HSL and RGBA output, a palette generator, a WCAG contrast checker, and a clickable reference for the 140+ named CSS colors. Everything happens in your browser — there is no account, no upload, and no waiting.
The tools were built for a specific workflow: open a tab, paste a hex code, copy out whatever format the project actually needs. CSS files want hex. Canvas APIs want RGB. Tailwind configs want HSL. Design tokens want all of the above. A converter that takes one keystroke beats opening a heavyweight design app for a five-second answer.
Who it's for
The audience is hands-on:
- Front-end developers translating a designer's mockup into stylesheet values, or sanity-checking how an existing palette looks under different lighting in the UI.
- Web and product designers who need a quick second opinion on a color, want to generate a starter palette, or are checking that body text passes WCAG against a chosen background.
- Students and self-taught coders learning how the same color can be written four different ways, and why hex and RGB are not actually different colors — just different notations.
- Accessibility-minded teams who need to validate text-on-background combinations against AA and AAA contrast ratios before shipping a feature.
What it covers
The site is deliberately narrow. It covers screen color formats — HEX, RGB, RGBA, HSL — and the CSS-side tooling that wraps around them: named colors, contrast ratios, and harmonious palette generation. It does not cover print color (CMYK, spot colors, ICC profiles), color management for photography, or pigment-based color theory. Those are fields with their own specialists, and stretching into them would dilute the tool.
Within the screen-color niche, the goal is practical depth: not just a converter, but enough explanation that a reader walks away understanding why #FF8800 equals rgb(255, 136, 0) and when HSL is a better choice than hex for tweaking a design system.
Editorial approach
Pages on this site are written and reviewed by the editorial team behind hexrgb.com. The approach is simple:
- No invented authority. The site does not quote fictional experts, fake testimonials, or made-up case studies. Where guidance comes from a standard — WCAG 2.1, the CSS Color Module — that standard is named.
- Specific over generic. Worked examples use real hex codes and real RGB triplets so a reader can verify the math, not "imagine a color."
- Stable topics. Color formats and accessibility ratios change slowly. Articles are written to stay accurate for years, not to chase trends.
- Reviewed for accuracy. Each substantive page carries a "Last reviewed" date so readers know how fresh the page is.
How the tools work
Everything runs client-side in JavaScript. Type a hex code and the converter splits it into red, green, and blue pairs, parses each as base-16, and renders the result. The contrast checker uses the WCAG 2.1 relative luminance formula. The palette generator picks a base hue and rotates around the color wheel for analogous, complementary, triadic, and split-complementary schemes. No data is sent to a server because there is no server-side processing involved.
Privacy in one line
The site uses Google Analytics for traffic counts and may serve Google AdSense ads. Color values you type are never stored or transmitted. Full details live on the privacy page.
Get in touch
Questions, corrections, or a color edge case the tools handled badly? The contact page has the email address. Specific, reproducible feedback is read carefully.