मोफत रंग कन्व्हर्टर

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%)
RGB मूल्ये20, 184, 166

WCAG कॉन्ट्रास्ट

पांढऱ्या बॅकग्राउंडवर

2.49:1

अयशस्वी

काळ्या बॅकग्राउंडवर

8.44:1

AAA
🖨️ प्रिंटसाठी: ही CMYK मूल्ये (89%, 0%, 10%, 28%) संदर्भासाठी एक मानक sRGB→CMYK अंदाज आहेत. अचूक प्रिंट रंगासाठी, तुमच्या प्रिंटरची ICC प्रोफाइल किंवा प्रिंटेड प्रूफ वापरा — स्क्रीन CMYK प्रत्येक शाई/कागदाशी जुळू शकत नाही.

लाइटनेस स्केल

त्या शेडवर स्विच करण्यासाठी कोणत्याही स्वॅचवर क्लिक करा

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

सर्व रूपांतर तर्कशास्त्र गराज-लिहिलेले JavaScript आहे जे पूर्णपणे तुमच्या ब्राउझरमध्ये चालते — लायब्ररी, सर्व्हर कॉल नाही. साधन तुमचे इनपुट पार्स करते, ते शुद्ध गणित फंक्शन्सच्या साखळीतून पाठवते, आणि आधुनिक CSS Color 4 spaces oklch() आणि lab() समाविष्ट अकरा आउटपुट फॉरमॅट्स एकाचवेळी तयार करते.

  1. 1
    लवचिक इनपुट पार्सिंग
    एक कस्टम पार्सर hex (3, 4, 6 किंवा 8 अंक), rgb()/rgba(), hsl()/hsla() legacy comma सिंटॅक्स आणि आधुनिक space सिंटॅक्स दोन्हीत, आणि साधे संख्यात्मक triples स्वीकारतो. दशांश किंवा टक्के म्हणून Alpha मूल्ये कोणतेही रूपांतर सुरू होण्यापूर्वी 0–1 श्रेणीत नॉर्मलाइझ केली जातात.
  2. 2
    रूपांतर केंद्र म्हणून RGB
    स्वीकारलेला प्रत्येक फॉरमॅट आधी canonical RGB triplet मध्ये शोधला जातो. त्या एका प्रतिनिधित्वातून साधन विस्तारते: HSL आणि HSV मानक min/max/chroma सूत्रे वापरतात; CMYK key channel शोधून काढले जाते; आणि perceptual-space गणनेपूर्वी sRGB linearization (IEC 61966-2-1 मध्ये परिभाषित piecewise gamma curve) लावले जाते.
  3. 3
    Perceptual रंग spaces शुन्यापासून मोजले
    oklch() Björn Ottosson च्या संदर्भ 3×3 matrices (LMS cube-root space) वापरून मोजला जातो. lab() आणि lch() D65 white point वरून D50 कडे रूपांतरित करण्यासाठी Bradford chromatic adaptation वापरतात, जे CSS Color 4 lab() कसे परिभाषित करते त्याशी जुळते. हीच सूत्रे ब्राउझर रेंडरिंग इंजिनांत वापरली जातात — इथे कोणत्याही बाह्य अवलंबित्वाशिवाय लागू केली गेली.
  4. 4
    WCAG कॉन्ट्रास्ट आणि lightness स्केल
    WCAG 2.1 सूत्रानुसार (रेखीय केलेले R, G, B 0.2126/0.7152/0.0722 वेटेड) Relative luminance मोजले जाते आणि पांढऱ्या व काळ्याविरुद्ध कॉन्ट्रास्ट प्रमाण AA-large, AA, AAA, किंवा Fail असे ग्रेड केले जाते. HSL lightness चॅनेलला 10% ते 90% पायऱ्यांनी नेऊन नऊ-टप्प्यांची lightness पट्टी तयार होते, कोणतेही swatch क्लिक करून ती shade रूपांतरित करू देत.

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

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