मुख्य मजकुरावर जा

मोफत रंग निवडकर्ता आणि पॅलेट जनरेटर

रंग निवडा, 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

सामान्य उपयोग

  • Color Picker for Web DesignPick and generate colours for your website — get HEX, RGB, and HSL values plus harmonious palettes.
  • Color Picker for BrandingBuild your brand colour palette — pick primary, secondary, and accent colours that work together.
  • Color Picker for Social MediaCreate eye-catching colour palettes for social media posts, stories, and profile designs.
  • Color Picker for Print DesignPick colours for printed materials — flyers, business cards, brochures — with accurate colour previews.
  • Color Picker for PresentationsDesign slide colour schemes — pick readable text colours, chart palettes, and consistent accent shades.

हे कसे कार्य करते

सर्वकाही गराज-लिहिलेले रूपांतर गणित वापरून थेट तुमच्या ब्राउझरमध्ये चालते — रंग लायब्ररी, सर्व्हर राउंड-ट्रिप नाही. तुम्ही ब्राउझरच्या native color इनपुट किंवा EyeDropper API द्वारे रंग निवडता, आणि साधन तो तात्काळ सहा फॉरमॅट्समध्ये रूपांतरित करते तसेच WCAG कॉन्ट्रास्ट प्रमाण मोजते आणि सुसंवाद पॅलेट तयार करते.

  1. 1
    Native API द्वारे रंग इनपुट
    तुम्ही ब्राउझरच्या बिल्ट-इन <input type="color"> widget द्वारे, किंवा — Chromium-आधारित ब्राउझरमध्ये — EyeDropper API तुम्हाला तुमच्या स्क्रीनवरील कोणताही पिक्सेल सॅम्पल करू देतो. दोन्ही मार्ग एक hex स्ट्रिंग परत देतात जी एकल truth source बनते.
  2. 2
    गराज-लिहिलेले फॉरमॅट रूपांतर
    साधन hex मूल्याला त्याच्या स्वतःच्या गणित फंक्शन्स वापरून (बाह्य लायब्ररीशिवाय) RGB, HSL, HSV, CMYK आणि OKLCH मध्ये रूपांतरित करते. OKLCH रूपांतर sRGB चॅनेल्स रेखीय करते, OKLab cube-root matrix लावते, नंतर chroma आणि hue कोन काढते — आधुनिक CSS Color Level 4 आउटपुटशी जुळत.
  3. 3
    WCAG कॉन्ट्रास्ट प्रमाण गणना
    WCAG 2.x सूत्र वापरून रेखीय केलेल्या RGB चॅनेल्सवरून Relative luminance मोजले जाते. साधन नंतर शुद्ध पांढरा आणि शुद्ध काळ्याविरुद्ध कॉन्ट्रास्ट प्रमाण मोजते आणि WCAG थ्रेशोल्ड्सनुसार (3:1, 4.5:1, 7:1) त्यांना AA-large, AA, AAA किंवा Fail असे लेबल करते.
  4. 4
    सुसंवाद पॅलेट निर्मिती आणि स्थानिक सेव्ह
    Complementary, triadic, analogous आणि monochromatic swatches HSL hue आणि lightness मूल्ये गणिताने फिरवून किंवा पावले टाकून काढली जातात. सेव्ह केलेले पॅलेट तुमच्या ब्राउझरच्या localStorage मध्ये लिहिले जातात — काहीही तुमच्या डिव्हाइसमधून बाहेर जात नाही.

संबंधित साधने

वारंवार विचारले जाणारे प्रश्न