Loading…
Loading…
Pick any color and convert between HEX, RGB, and HSL. Preview shades and check contrast — free and private in your browser.
Use the native color picker or type a HEX value to set your base color.
See HEX, RGB, RGBA, HSL, and HSLA instantly. Tweak R/G/B or H/S/L values live.
Copy any format with one click, grab shades, and check contrast for accessibility.
HEX ↔ RGB ↔ HSL updates as you pick or type — no page reloads.
All math runs in your browser. Color values are never uploaded.
Quick WCAG-style contrast ratios vs pure white and black for text readability.
Generate lighter and darker shades from your base color for UI systems.
Quick answers about tools, privacy, limits, and pricing.
Yes. You can pick and convert colors for free. Daily usage limits may apply for guests and free accounts.
No. Conversion and contrast math run entirely in your browser.
HEX, RGB, RGBA, HSL, and HSLA. You can edit RGB or HSL channels and the others update automatically.
They are approximate WCAG contrast ratios against pure white and pure black. 4.5:1 is a common minimum for normal body text (AA).
Yes. Pick a brand HEX, copy RGB/HSL for CSS, and use the shade row as a starting palette for buttons and backgrounds.
Keep working with similar free tools — no signup required for most.
Create QR codes for URLs, text, Wi‑Fi, email & phone — download PNG/SVG
Open toolDesign gradients and copy CSS
Open toolTune box-shadow and export CSS
Open toolCheck WCAG color contrast ratios
Open toolScan QR codes from camera or uploaded images free in your browser
Open toolGenerate custom placeholder images by size and color free online
Open tool