Color Picker

यह किसके लिए है?

एक color चुनें — या कोई भी HEX / rgb() / hsl() value paste करें — और उसे तुरंत हर common notation में देखें: HEX (alpha के साथ 3- और 8-digit), RGB(A), HSL(A), HSV और CMYK। तब उपयोगी जब आपके पास एक space में value हो और दूसरे में चाहिए, जब आप CSS / design tools / print में brand color match कर रहे हों, या जब आप result को फिर से आँखों से देखे बिना opacity adjust कर रहे हों।

हर space कब इस्तेमाल करें

• HEX / RGB — CSS, design tools, email templates। सब जगह supported।
• HSL — readable palettes। दूसरे axes पर color drift हुए बिना hue, saturation, या lightness को अलग-अलग tweak करें।
• HSV — shading के लिए design software (Photoshop, Figma); उस तरीके से मेल खाता है जिस तरह से अधिकांश color pickers "यह color, और हल्का" के बारे में सोचते हैं।
• CMYK — print-ready output। केवल approximate: screens RGB हैं और सभी printers एक ही color profile share नहीं करते।

आम गलतियाँ

• Alpha encoding space के अनुसार अलग होती है। CSS rgba(), hsla() और 8-digit HEX (#RRGGBBAA) support करता है। पुराने email templates और कुछ design tools #RRGGBBAA को नहीं समझते — rgba() पर fall back करें।
• HSL hue degrees में है। 0 = red, 120 = green, 240 = blue। CSS turn, rad, grad भी accept करता है पर यहाँ output degrees में है।
• CMYK conversion naive है। Real print को ICC profile चाहिए (rendering intent के साथ sRGB → CMYK)। इस tool का output brand-deck mockups के लिए ठीक है, press-ready files के लिए नहीं।
• OKLCH और OKLAB (modern perceptually-uniform spaces) यहाँ नहीं दिखाए गए — वे नए हैं और अभी broadly supported नहीं। Design system tooling के लिए फिलहाल HSL/HSV पर ही रहें।