मुख्य सामग्रीमा जानुहोस्
LibraTool logoLibraTool

निःशुल्क रङ कन्भर्टर

HEX, RGB, HSL, HSV, र CMYK ढाँचाहरू बीच रङहरू तुरुन्तै रूपान्तरण गर्नुहोस्। हल्कापन स्केल र प्रिसेट स्वाच समावेश छ।

लोड भएपछि अफलाइन काम गर्छ

रङ HEX, RGB, HSL, HSV र CMYK को बीचमा रूपान्तरण गर्नुहोस् — लाइभ पूर्वावलोकन र एक-ट्याप प्रतिलिपि सहित। सबै कुरा आपको ब्राउजरमा चल्छ।

स्वीकार गर्छ: HEX (#fff वा #ffffff), RGB (255, 255, 255), वा HSL (360, 100%, 50%)

100%
पूर्वनिर्धारित:
HEX#14B8A6
rgb() · पुरानोrgb(20, 184, 166)
rgb() · आधुनिकrgb(20 184 166)
hsl() · पुरानोhsl(173, 80%, 40%)
hsl() · आधुनिकhsl(173 80% 40%)
oklch()oklch(70.4% 0.123 182.5)
lab()lab(67.1% -42.9 -2.3)
lch()lch(67.1% 43.0 183.1)
hsv()hsv(173, 89%, 72%)
cmyk()cmyk(89%, 0%, 10%, 28%)
आरजीबी मानहरू20, 184, 166

डब्ल्यूसीएजी कन्ट्रास्ट

सेतो पृष्ठभूमिमा

२.४९:1

असफल

कालो पृष्ठभूमिमा

८.४४:1

AAA
🖨️ मुद्रणको लागि: यी CMYK मानहरू (89%, 0%, 10%, 28%) सन्दर्भका लागि मानक sRGB→CMYK अनुमान हुन्। सही प्रिन्ट रङका लागि आफ्नो प्रिन्टरको ICC प्रोफाइल वा प्रिन्ट गरिएको प्रुफ प्रयोग गर्नुहोस् — स्क्रिन CMYK ले हरेक मसी/कागजसँग मेल खान सक्दैन।

उज्यालो स्केल

त्यो शेडमा जान कुनै पनि स्वाचमा क्लिक गर्नुहोस्

सामान्य प्रयोगहरू

  • वेब डिजाइनको लागि रङहरू रूपान्तरण गर्नुहोस्कुनै पनि रङको HEX, RGB र HSL मान प्राप्त गर्नुहोस् — CSS वा Tailwind मा पेस्ट गर्नको लागि तयार।
  • मुद्रणको लागि रङहरू रूपान्तरण गर्नुहोस् (CMYK)पेशेवर मुद्रणमा प्रयोगको लागि मुद्रण डिजाइन र CMYK मानहरूमा स्क्रीन रङहरू (HEX/RGB) रूपान्तरण गर्नुहोस्।
  • डिजाइन सिस्टमहरूको लागि रङ प्यालेटहरू बनाउनुहोस्ब्यांड रङहरूलाई सबै ढाँचामा रूपान्तरण गर्नुहोस् र पूर्ण डिजाइन प्रणालीको लागि सुसंगत उज्ज्वलता स्केलहरू उत्पन्न गर्नुहोस्।
  • पहुँचयोग्यताको लागि रङ विपरीत जाँच गर्नुहोस्विपरीत अनुपात उपकरणहरूमा उपयोगको लागि RGB मान प्राप्त गर्न रङहरू रूपान्तरण गर्नुहोस् — पहुँचयोग्य डिजाइनको लागी WCAG अनुपालन।
  • Figma को लागी रङ रूपान्तरण गर्नुहोस्Figma रङ पिकर र डिजाइन टोकन प्रणालीहरूमा पेस्ट गर्न सटीक HEX र RGB मानहरू प्राप्त गर्नुहोस्।

यो कसरी काम गर्छ

सबै रूपान्तरण लजिक तपाईंको ब्राउजरमा पूर्ण रूपमा चल्ने हातले लेखिएको JavaScript हो — कुनै लाइब्रेरी छैन, कुनै सर्भर कल छैन। उपकरणले तपाईंको इनपुट पार्स गर्छ, यसलाई शुद्ध गणित फङ्सनहरूको श्रृंखलामार्फत रुट गर्छ, र एकैसाथ आधुनिक CSS Color 4 स्पेस oklch() र lab() सहित एघार आउटपुट फर्म्याट उत्पादन गर्छ।

  1. 1
    लचिलो इनपुट पार्सिङ
    एउटा कस्टम पार्सरले hex (3, 4, 6, वा 8 अंक), rgb()/rgba(), लिगेसी अल्पविराम सिन्ट्याक्स र आधुनिक स्पेस सिन्ट्याक्स दुवैमा hsl()/hsla(), र नाङ्गो संख्यात्मक ट्रिपल स्वीकार गर्छ। दशमलव वा प्रतिशतको रूपमा अल्फा मानहरू कुनै पनि रूपान्तरण सुरु हुनुअघि 0–1 दायरामा सामान्यीकृत गरिन्छन्।
  2. 2
    रूपान्तरण हबको रूपमा RGB
    हरेक स्वीकृत फर्म्याट पहिले क्यानोनिकल RGB ट्रिपलेटमा समाधान गरिन्छ। त्यो एकल प्रतिनिधित्वबाट उपकरण फैलिन्छ: HSL र HSV मानक min/max/chroma सूत्रहरू प्रयोग गर्छन्; CMYK की च्यानल भेट्टाएर निकालिन्छ; र sRGB लिनियराइजेसन (IEC 61966-2-1 मा परिभाषित पिसवाइज ग्यामा कर्भ) प्रकाशीय-स्पेस गणनाहरूअघि लागू हुन्छ।
  3. 3
    प्रकाशीय रङ स्पेसहरू सुरुदेखि गणना गरिएका
    oklch() Björn Ottosson को सन्दर्भ 3×3 म्याट्रिक्स (LMS क्युब-रुट स्पेस) प्रयोग गरी गणना गरिन्छ। lab() र lch() ले D65 सेतो बिन्दुबाट D50 मा रूपान्तरण गर्न Bradford क्रोमेटिक अनुकूलन प्रयोग गर्छन्, जुन CSS Color 4 ले lab() कसरी परिभाषित गर्छ भन्नेसँग मेल खान्छ। यी ब्राउजर रेन्डरिङ इन्जिनहरूमा प्रयोग हुने उही सूत्रहरू हुन् — कुनै बाह्य निर्भरता बिना यहाँ लागू गरिएका।
  4. 4
    WCAG कन्ट्रास्ट र लाइटनेस स्केल
    सापेक्षिक प्रकाशमानता WCAG 2.1 सूत्र अनुसार गणना गरिन्छ (लिनियराइज गरिएको R, G, B 0.2126/0.7152/0.0722 तौलिएको) र सेतो र कालोविरुद्ध कन्ट्रास्ट अनुपात AA-large, AA, AAA, वा Fail को रूपमा श्रेणीबद्ध गरिन्छ। HSL लाइटनेस च्यानललाई 10% देखि 90% सम्म कदम चालेर नौ-चरणको लाइटनेस पट्टी उत्पन्न गरिन्छ, तपाईंलाई कुनै पनि स्वाच क्लिक गरेर त्यो छायाँ रूपान्तरण गर्न दिँदै।

सम्बन्धित उपकरणहरू

🎨

रङ चयनकर्ता र प्यालेट जेनेरेटर

रङहरू छान्नुहोस्, HEX/RGB/HSL बीच रूपान्तरण गर्नुहोस्, र सामञ्जस्यपूर्ण प्यालेटहरू बनाउनुहोस्।

प्रयास गर्नुहोस्
🎨

अनियमित रङ जेनेरेटर

अनियमित रङ एक-एक गरी वा पाँचवटाको प्यालेटका रूपमा बनाउनुहोस्, मन परेकालाई लक गर्नुहोस्, HEX, RGB वा HSL मान कपी गर्नुहोस् र प्यालेट PNG वा CSS मा निर्यात गर्नुहोस्।

प्रयास गर्नुहोस्
🎨

रङ प्यालेट जेनेरेटर

जुनसुकै आधार रङबाट पूरक, अनुरूप, त्रिभुज, र एकरङी रङ प्यालेट उत्पन्न गर्नुहोस्। एक क्लिकमा hex कोडहरू कपी गर्नुहोस्।

प्रयास गर्नुहोस्

बारम्बार सोधिने प्रश्नहरू