हिंदी

Color Picker & Converter

Pick a colour, or paste a colour code from your design file or CSS, and get it in every common format. Click any value to copy it.

HEX —
RGB —
HSL —
HSV / HSB —
CMYK (approx.) —
Best text colour on it —

How to use

  1. Click the colour box to pick a colour, or type a code such as #F5B000, rgb(245, 176, 0) or a colour name like "teal".
  2. All the formats update instantly.
  3. Click any value to copy it.
  4. The last row tells you whether black or white text is easier to read on this colour.

How it works

HEX, RGB, HSL and HSV describe the same screen colour in different ways. CMYK is calculated with a simple formula without a printer profile, so ask your printer for exact values.

Frequently asked questions

What is the difference between HEX and RGB?

Both describe the amount of red, green and blue. HEX writes them in base 16 (#F5B000), RGB in normal numbers (245, 176, 0).

Which format should I use in CSS?

Any of them work in all modern browsers. HEX is shortest; HSL is easiest to adjust by hand (change the lightness to make a colour darker or lighter).

Why is CMYK only approximate?

Printed colours depend on the paper, ink and printer. Exact CMYK values need the printer's colour profile.

More tools

Color Palette Generator Free colour palette generator. Create analogous, complementary, triadic, monochromatic and tint/shade palettes from any colour, with CSS variables. CSS Gradient Generator Free CSS gradient generator. Create linear, radial and conic gradients with two or three colours, see a live preview and copy the CSS code. Contrast Checker Free colour contrast checker. Test text and background colours against WCAG 2 AA and AAA accessibility rules and see a live preview. Image Color Picker Free image colour picker. Upload a photo or screenshot, click anywhere to get its HEX code, and extract the main colour palette. No upload to any server. Favicon Generator Free favicon generator. Turn a logo into favicon.ico, 16–512 px PNG icons and an Apple touch icon, with the HTML code to add them to your website. QR Code Generator Free QR code generator. Make QR codes for website links, text, WiFi and UPI payments in any colour, and download PNG or SVG. No sign-up, codes never expire. Online Calculator Free online calculator with basic and scientific modes. Works like the calculator on your phone, with keyboard support, percentages and history. Date Calculator Free date calculator. Count the days between two dates, or add or subtract days from a date. Shows weeks, weekdays and years-months-days.