Type a colour in any format — #2E8B57, rgb(46 139 87), hsl(146 50% 36%) or a CSS name — and get every other format instantly, plus tints, shades and a contrast check.
Pyalm designs and builds fast, conversion-focused websites in Next.js — the same stack these tools run on. If you'd rather have it built than fiddle with CSS, talk to us.
Designers hand over HEX, CSS uses RGB, HSL or the newer OKLCH, and printers want CMYK. Converting by hand is error-prone; paste any format here and copy the one you need.
WCAG 2.2 requires a contrast ratio of 4.5:1 for normal text (AA) and 3:1 for large text; 7:1 meets the stricter AAA level. Choose a text and background colour to see the ratio and which levels pass.
📖 Read the full guide: HEX, RGB, HSL, CMYK and OKLCH: Color Formats Explained
Generate harmonious colour palettes, lock the ones you like, extract colours from an image and export as CSS or Tailwind.
Design layered CSS box shadows visually and copy the CSS or Tailwind class.
Write HTML with Tailwind CSS classes and see it render live — with starter templates.
It's a mathematical conversion without a colour profile. Printers use ICC profiles specific to their press and paper, so treat it as a starting point and ask for a proof for brand-critical work.
A modern CSS colour space where lightness is perceptually uniform, so two colours with the same L value genuinely look equally light. It makes building consistent colour scales much easier and is supported in all modern browsers.