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

निःशुल्क रङ चयनकर्ता र प्यालेट जेनेरेटर

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

लोड भएपछि अफलाइन काम गर्छ
HEX
HSV
h217°
s76%
v96%
केवल प्रदर्शन

RGB

r
g
b

HSL

H
S
L

थप ढाँचाहरू

HEX8#3b82f6ff
RGBrgb(59 130 246)
HWBhwb(217 23% 4%)
CMYKcmyk(76%, 47%, 0%, 4%)
OKLCHoklch(62.3% 0.188 259.8)
SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)
Android0xFF3B82F6
FlutterColor(0xFF3B82F6)

WCAG कन्ट्रास्ट

सबैभन्दा नजिकको नाम भएको रङ: dodgerblue · यहाँ कालो टेक्स्ट पढ्न सजिलो हुन्छ (५.७१:1)

सेतो मा पाठ३.६८:1AA ठूलो
कालो मा पाठ५.७१:1AA
#ffffff मा टेक्स्ट३.६८:1AA ठूलो

शेड र टिन्ट (50–950)

रङ प्यालेट

पूरक

#3b82f6
#f6af3c

त्रिपद

#3b82f6
#f63c83
#83f63c

समान

#3ce0f6
#3b82f6
#523cf6

एकल रङ

#073c92
#0a5adb
#3b82f6
#85b2f9
#cee0fd

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

  • वेब डिजाइनको लागि रङ पिकरतपाईंको वेबसाइटको लागि रङहरू चयन गर्नुहोस् र उत्पादन गर्नुहोस् — HEX, RGB, र HSL मान तथा सामञ्जस्यपूर्ण प्यालेट प्राप्त गर्नुहोस्।
  • ब्रान्डिङको लागि रङ पिकरतपाईंको ब्रान्डको रङ प्यालेट बनाउनुहोस् — प्राथमिक, माध्यमिक, र जोर रङहरू चयन गर्नुहोस् जसले एकसाथ काम गर्दछन्।
  • सोशल मीडिया को लागि रङ पिकरसोशल मीडिया पोस्ट, कथा, र प्रोफाइल डिजाइनको लागि आकर्षक रङ प्यालेट बनाउनुहोस्।
  • प्रिन्ट डिजाइनको लागि रङ पिकरमुद्रित सामग्रीको लागि रङ चयन गर्नुहोस् — फ्लायरहरू, व्यावसायिक कार्डहरू, ब्रोसरहरू — सटीक रङ पूर्वावलोकन सहित।
  • प्रस्तुतिको लागि रङ पिकरस्लाइड रङ योजना डिजाइन गर्नुहोस् — पठनीय पाठ रङ, चार्ट प्यालेट, र सञ्चयी जोर रङहरू चयन गर्नुहोस्।

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

सबै कुरा तपाईंको ब्राउजरमा हातले लेखिएको रूपान्तरण गणित प्रयोग गरी सीधै चल्छ — कुनै रङ लाइब्रेरी छैन, कुनै सर्भर राउन्ड-ट्रिप छैन। तपाईं ब्राउजरको नेटिभ रङ इनपुट वा EyeDropper API मार्फत रङ छान्नुहुन्छ, र उपकरणले यसलाई तुरुन्तै छ फर्म्याटमा रूपान्तरण गर्छ र साथसाथै WCAG कन्ट्रास्ट अनुपातहरू गणना गर्छ र सामंजस्य प्यालेटहरू उत्पन्न गर्छ।

  1. 1
    नेटिभ API मार्फत रङ इनपुट
    तपाईं ब्राउजरको बिल्ट-इन <input type="color"> विजेटमार्फत रङ छान्नुहुन्छ, वा — Chromium-आधारित ब्राउजरहरूमा — EyeDropper API ले तपाईंलाई आफ्नो स्क्रिनको कुनै पनि पिक्सेल नमूना लिन दिन्छ। दुवै पथले एउटा hex स्ट्रिङ फर्काउँछन् जुन एकल सत्यको स्रोत बन्छ।
  2. 2
    हातले लेखिएको फर्म्याट रूपान्तरणहरू
    उपकरणले hex मानलाई RGB, HSL, HSV, CMYK, र OKLCH मा आफ्नै गणित फङ्सनहरू प्रयोग गरी रूपान्तरण गर्छ (कुनै बाह्य लाइब्रेरी बिना)। OKLCH रूपान्तरणले sRGB च्यानलहरू लिनियराइज गर्छ, OKLab क्युब-रुट म्याट्रिक्स लागू गर्छ, त्यसपछि chroma र hue कोण निकाल्छ — आधुनिक CSS Color Level 4 आउटपुटसँग मेल खाँदै।
  3. 3
    WCAG कन्ट्रास्ट अनुपात गणना
    WCAG 2.x सूत्र प्रयोग गरी लिनियराइज गरिएको RGB च्यानलहरूबाट सापेक्षिक प्रकाशमानता गणना गरिन्छ। त्यसपछि उपकरणले शुद्ध सेतो र शुद्ध कालोविरुद्ध कन्ट्रास्ट अनुपातहरू गणना गर्छ र WCAG थ्रेसहोल्ड (3:1, 4.5:1, 7:1) अनुसार तिनलाई AA-large, AA, AAA, वा Fail लेबल गर्छ।
  4. 4
    सामंजस्य प्यालेट उत्पादन र स्थानीय सुरक्षण
    Complementary, triadic, analogous, र monochromatic स्वाचहरू HSL hue र लाइटनेस मानहरूलाई गणितीय रूपमा घुमाएर वा कदम चालेर निकालिन्छन्। सुरक्षित प्यालेटहरू तपाईंको ब्राउजरको localStorage मा लेखिन्छन् — केही पनि तपाईंको उपकरणबाट बाहिर जाँदैन।

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

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