HEX to RGB Color Converter | RGB, HSL, HSV, CMYK Online Free

How to use

How to use HEX RGB HSL Color Converter

01
Color chunein ya likhein
Color picker ya EyeDropper istemal karein, ya HEX, rgb(), hsl(), hsv()/hsb(), cmyk() value ya 'teal' jaisa CSS color name likhein. Baqi formats foran update hote hain.
02
Conversions parhein
HEX, RGB, HSL, HSV aur CMYK fields hamesha sync rehte hain. Ek badlein, baqi live calculate hote hain, apni pasand ki notation mein kaam karein.
03
Palettes aur harmonies dekhein
Complementary, analogous, triadic ya tetradic samples par click karein, tint/shade ramp dekhein, ya do color mix karke sahi shade payein.
04
Copy karein aur contrast check karein
Koi bhi format ek click mein copy karein aur WCAG AA/AAA badges parhein ke color safed ya kale par padhne layak ho.

Use cases

Common use cases

—CSS ya JSX likhte waqt HEX ko RGB (ya RGB ko HEX) badlein.
—Brand HEX ko HSL/HSV mein badlein for theming aur alpha.
—Print ke liye color ko CMYK mein badlein.
—Foran WCAG contrast se accessible palettes banayein.
—UI aur illustrations ke liye complementary aur analogous schemes banayein.
—EyeDropper se screen se color len.

Overview

Har taraf color foran badlein

Color converter tabhi kaam aaata hai jab har notation samajhta ho. Ye tool HEX ko RGB aur ulta badalta hai, sath hi HSL, HSV (HSB bhi) aur CMYK ko sath real-time jorta hai. #3b82f6 jaisa HEX likhein aur foran rgb(59, 130, 246), hsl(217, 91%, 60%), hsv(217, 97%, 96%) aur cmyk(76%, 47%, 0%, 4%) mil jaye. Ek field badlein, baqi chalte hain.

Bina hisaab ke HEX se RGB, HSL, HSV, CMYK

Andar converter har input ko ek RGB triplet mein normalize karta hai aur standard sRGB formulas lagata hai — browser aur design tools wali hi math, is liye numbers Figma, Photoshop ya Chrome DevTools se milte hain. Ye chhota HEX (#fff), 8-digit alpha HEX, rgb()/rgba(), hsl()/hsla() aur aam CSS color names samajhta hai, formula yaad rakhne ki zarurat naheen. Har format ka copy button hai aur bara preview asli background par color dikhata hai.

Harmonies aur ramps se behtar palettes

Ek color chunna aasan hai; milti-julti palette banana mushkil. Converter color theory ke rules se harmonies banata hai — complementary, analogous, triadic, tetradic — click karne ke samples. Light ramp kareeb black se kareeb white tak jati hai aur hover, border, disabled states ke tints/shades deti hai. Do-color mixer jore milata hai aur fine-tune row color ko halka, gehra, saturate ya rotate karti hai.

Accessibility aur privacy built-in

Acha color wahi jo padha ja sake. Converter aapke color ka white aur black ke khilaf WCAG contrast ratio dikhata hai aur AA (4.5:1) aur AAA (7:1) mark karta hai taake publish se pehle kam contrast pakar lein. Sab kuch browser mein local chalta hai, is liye color device se bahar naheen jata: upload naheen, account naheen, tracking naheen.

Features

01: Do-tarfa: HEX ↔ RGB ↔ HSL ↔ HSV ↔ CMYK
02: Native color picker + browser EyeDropper
03: CSS color name support (crimson, teal, gold…)
04: Harmonies: complementary, analogous, triadic, tetradic
05: Tint/shade ramp + do color mix
06: Live WCAG AA/AAA contrast badges
07: Har format ek click copy — local
08: Live WCAG AA/AAA contrast badges
09: Copy-ready export for CSS, Tailwind, SCSS, Swift & Android

FAQ

Frequently asked questions

HEX ko RGB mein kaise badlu?+

HEX field mein value (#3b82f6 ya #fff) likhein ya picker istemal karein. RGB foran rgb(r, g, b) ban jata hai aur ek click copy hota hai. Ulta bhi chalta hai — rgb() likhein, HEX live update hota hai.

Kya mein aik saath HSL, HSV aur CMYK mein badal sakta hoon?+

Haan. HEX, RGB, HSL, HSV/HSB aur CMYK sab fields sync rehte hain. Ek badlein, baqi foran calculate hote hain, bina doosre tool ke panchon notations nazar aate hain.

HSL aur HSV mein farq kya hai?+

Dono color ko hue se batate hain, lekin HSL (Lightness) aur HSV/HSB (Value/Brightness) saturation ka alag model rakhte hain. HSL pure colors ko 50% light par rakhta hai, HSV 100% value par. Tool dono dikhata hai taake aap apne framework ke mutabiq chunein.

Print ke liye CMYK value kaise loon?+

Color kisi bhi format mein likhein aur CMYK field parhein — #3b82f6 se cmyk(76%, 47%, 0%, 4%) banta hai. CMYK printer ka subtractive model hai, faida jab web color brochure ya packaging mein match karna ho.

Kya mein screen se color le sakta hoon?+

Haan, supported browsers (Chrome, Edge aur jo EyeDropper API rakhte hain) mein 'Pick' button screen eyedropper kholta hai taake kisi bhi pixel — image, site ya desktop — ko sample kar converter mein load karein.

Kya color converter free aur private hai?+

Haan. Bila-kul free, bina sign-up, aur conversion browser mein local hota hai. Aapke colors kabhi upload naheen hote, is liye brand aur client ka kaam private rehta hai.

Does it show how a color looks to colour-blind users?+

Yes. The colour-blindness preview simulates how your color appears under protanopia, deuteranopia, tritanopia and full achromatopsia, so you can check that a palette still communicates for the roughly 1 in 12 men and 1 in 200 women with a colour-vision deficiency.

Can I export the color as CSS, Tailwind or app code?+

Yes. The export panel gives copy-ready snippets for CSS variables, rgb(), SCSS, a Tailwind config entry, Swift UIColor, Android Color.parseColor and JSON, plus recent and saved swatches stored locally in your browser.

Is the color converter free and private?+

Yes. It is completely free with no signup, and all conversion happens locally in your browser. Your colors are never uploaded to a server, so brand and client work stays private.

HEX RGB HSL Color Converter

How to use HEX RGB HSL Color Converter

Color chunein ya likhein

Conversions parhein

Palettes aur harmonies dekhein

Copy karein aur contrast check karein

Common use cases

Har taraf color foran badlein

Bina hisaab ke HEX se RGB, HSL, HSV, CMYK

Harmonies aur ramps se behtar palettes

Accessibility aur privacy built-in

Frequently asked questions

From the journal

Best AI Writing Assistants for Content Teams in 2025

How to Choose the Right AI Image Generator

Top 10 Free AI Tools You Can Start Using Today