Yeh converter kaunse color formats output karta hai?

Yeh HEX(A), RGB(A), HSL(A), HWB, LAB, LCH, OKLCH aur OKLAB ek saath dikhata hai, plus nearest CSS named color, jo bhi color aap enter karte hain uske liye.

OKLCH kya hai aur main isme kyun convert karoonga?

OKLCH ek perceptually uniform color space hai jahan lightness, chroma aur hue predictably behave karte hain. Designers palettes ko isme migrate karte hain kyunki OKLCH mein colors interpolate aur lighten karna HSL ya RGB se zyada even dikhta hai.

Nearest named color kaise chuna jaata hai?

Aapke color ko 148 CSS named colors ke against RGB mein distance se compare kiya jaata hai, aur closest match return hota hai. Jab kuch bhi genuinely close na ho, to tool ek misleading name suggest karne ke bajaye aisa keh deta hai.

Kya converter alpha channel rakhta hai?

Haan. Ek translucent color HEXA (#rrggbbaa) ke roop mein, rgba()/hsla() ke roop mein, aur HWB, LAB, LCH, OKLCH aur OKLAB par ek `/ 0.5` alpha tail ke saath dikhaya jaata hai. Opaque colors alpha poori tarah omit karte hain.

Kya main input ke roop mein ek oklch() ya lab() value paste kar sakta hoon?

Haan. Input kisi bhi CSS color syntax ko accept karta hai, jismein oklch(), oklab(), lab(), lch() aur hwb() shaamil hain, aur use har doosre format mein usi tarah convert karta hai jaise hex ya rgb() ko handle karta hai.

Kya jo colors main enter karta hoon woh ek server ko bheje jaate hain?

Nahi. Parsing aur har conversion locally aapke browser mein chalti hain, isliye jo colors aap type ya paste karte hain woh kabhi aapke device se bahar nahi jaate aur ArrayKit ko upload nahi hote.

Color Format Converter

Kisi bhi CSS syntax mein ek color enter karein aur use ek saath HEX, RGB, HSL, HWB, LAB, LCH, OKLCH aur OKLAB ke roop mein dekhein, ek live swatch ke saath. Sab kuch aapke browser mein convert hota hai.

Color Format Converter har color ko locally aapke browser mein parse aur convert karta hai. Jo values aap type ya paste karte hain woh kabhi aapke device se bahar nahi jaati aur kuch bhi ArrayKit ko upload nahi hota.

CSS Color Converter kholein

Color Format Converter ke baare mein

Color Format Converter kisi bhi CSS syntax mein likha ek single color leta hai — #7c3aed jaisa ek hex, ek rgb() ya hsl() value, hwb(), lab(), lch(), oklch(), oklab(), ya rebeccapurple jaisa ek named color — aur use ek saath har doosre notation mein dikhata hai. Aapko HEX(A), RGB(A), HSL(A), HWB, LAB, LCH, OKLCH aur OKLAB milte hain, plus nearest CSS named color aur ek live swatch, har ek copy karne ke liye ready. Yeh un designers aur front-end developers ke liye bana hai jo ek palette ko OKLCH jaise modern spaces mein migrate kar rahe hain, ek color ko ek design tool aur stylesheet ke aar-paar match kar rahe hain, ya check kar rahe hain ki ek value ek perceptually uniform space mein kaisi dikhti hai. Alpha end to end preserve hota hai. Har parse aur conversion locally aapke browser mein chalti hai, isliye jo colors aap enter karte hain woh kabhi aapke device se bahar nahi jaate.

Features

Kisi bhi CSS syntax mein ek color enter karein — hex, rgb(), hsl(), hwb(), lab(), lch(), oklch(), oklab() ya ek named color
HEX(A), RGB(A), HSL(A), HWB, LAB, LCH, OKLCH aur OKLAB saath-saath dekhein, aapke type karte hi updated
Har individual format ke liye one-click copy
Ek checkerboard par live swatch taaki transparency saaf dikhe
Kisi bhi input ke liye nearest CSS named color surface hota hai
Alpha HEXA, rgba()/hsla() aur modern `/ a` syntax ke aar-paar preserve hota hai
Palettes ko perceptually uniform spaces mein migrate karne ke liye OKLCH aur OKLAB output
Poori tarah aapke browser mein chalta hai — jo colors aap enter karte hain woh kabhi upload nahi hote

Color Format Converter kaise use karein

Kisi bhi CSS format mein input mein ek color type ya paste karein
Live swatch padhein taaki confirm ho ki aapne sahi color enter kiya
Jo notation chahiye woh copy karein — HEX, RGB, HSL, HWB, LAB, LCH, OKLCH ya OKLAB
Jab aapko ek readable label chahiye to nearest named color grab karein

Example

Input

#7c3aed

Output

rgb(124, 58, 237)
hsl(262, 83%, 58%)
oklch(0.5413 0.2466 292.94)

Ek hex ek saath har CSS color notation mein expand hota hai.

Common errors aur troubleshooting

Input dikhata hai "Couldn’t parse that color." — Check karein ki syntax ek real CSS color se match kare — jaise #7c3aed, rgb(124 58 237), hsl(262 83% 58%) ya ek valid color name. Stray characters ya ek missing % parsing tod dete hain.
Ek hex round-trip ke baad OKLCH ya LCH values thodi alag dikhti hain. — Ek wider space se aur wapas convert karne se har channel round hota hai, isliye ek value ek do point shift ho sakti hai. Swatch visually identical rehta hai.
Nearest named color kehta hai kuch bhi close nahi hai. — Sirf 148 CSS names exist karte hain, isliye ek custom brand color ke aksar koi near match nahi hota. Ek name ke bajaye HEX ya OKLCH value use karein.
Alpha output se gayab ho gaya. — Alpha sirf tab dikhaya jaata hai jab woh 1 se neeche ho. Ek fully opaque color plain #rrggbb, rgb() aur hsl() bina ek alpha tail ke emit karta hai.

Aksar pooche jaane wale sawaal

Yeh converter kaunse color formats output karta hai?: Yeh HEX(A), RGB(A), HSL(A), HWB, LAB, LCH, OKLCH aur OKLAB ek saath dikhata hai, plus nearest CSS named color, jo bhi color aap enter karte hain uske liye.
OKLCH kya hai aur main isme kyun convert karoonga?: OKLCH ek perceptually uniform color space hai jahan lightness, chroma aur hue predictably behave karte hain. Designers palettes ko isme migrate karte hain kyunki OKLCH mein colors interpolate aur lighten karna HSL ya RGB se zyada even dikhta hai.
Nearest named color kaise chuna jaata hai?: Aapke color ko 148 CSS named colors ke against RGB mein distance se compare kiya jaata hai, aur closest match return hota hai. Jab kuch bhi genuinely close na ho, to tool ek misleading name suggest karne ke bajaye aisa keh deta hai.
Kya converter alpha channel rakhta hai?: Haan. Ek translucent color HEXA (#rrggbbaa) ke roop mein, rgba()/hsla() ke roop mein, aur HWB, LAB, LCH, OKLCH aur OKLAB par ek `/ 0.5` alpha tail ke saath dikhaya jaata hai. Opaque colors alpha poori tarah omit karte hain.
Kya main input ke roop mein ek oklch() ya lab() value paste kar sakta hoon?: Haan. Input kisi bhi CSS color syntax ko accept karta hai, jismein oklch(), oklab(), lab(), lch() aur hwb() shaamil hain, aur use har doosre format mein usi tarah convert karta hai jaise hex ya rgb() ko handle karta hai.
Kya jo colors main enter karta hoon woh ek server ko bheje jaate hain?: Nahi. Parsing aur har conversion locally aapke browser mein chalti hain, isliye jo colors aap type ya paste karte hain woh kabhi aapke device se bahar nahi jaate aur ArrayKit ko upload nahi hote.

Related tools

CSS Color Converter — HEX, RGB aur HSL ke beech ek live swatch ke saath convert karein.
Contrast Checker — Do colors ke beech WCAG contrast ratio aur AA/AAA pass hota hai ya nahi, check karein.
Tailwind Color Generator — Ek brand color ko OKLCH mein poore 50-950 Tailwind shade scale mein badlein, contrast ke saath.
Image Color Picker — Ek image se kisi bhi pixel ka HEX, RGB aur HSL grab karein
SVG to PNG Converter — SVG ko kisi bhi scale par ek crisp PNG ya JPG mein rasterize karein
CSS Unit Converter — px, rem, em, pt aur % ke beech live convert karein.