सीधे कलर पिकर पर जाएँ

कलर मिक्सर

दो रंगों को किसी भी अनुपात में OKLab, OKLCH या sRGB में मिलाएँ। नतीजा या तैयार color-mix() एक्सप्रेशन कॉपी करें।

50%
मिलाने का स्पेस
नतीजा#ae7ea4
HEX
RGB
OKLCH

फ़ॉलबैक के साथ CSS

color: #ae7ea4;
color: color-mix(in oklab, #ff5733, #3b82f6 50%);

पहले से दूसरे तक के स्टेप

हर स्पेस में वही मिश्रण

sRGB बीच में धूसर और गहरा हो जाता है। OKLab ब्राइटनेस बराबर रखता है। OKLCH और HSL सैचुरेशन बनाए रखते हैं, पर कलर व्हील पर घूमते हुए चलते हैं।

सवाल और जवाब

CSS में color-mix() क्या है?

color-mix() एक CSS फ़ंक्शन है, जो आपके चुने हुए कलर स्पेस में दो रंगों को मिलाता है, जैसे color-mix(in oklab, #ff5733, #3b82f6 30%)। यह सभी मौजूदा ब्राउज़र में चलता है। पुराने ब्राउज़र के लिए इससे पहले एक सादा रंग फ़ॉलबैक के तौर पर रखें, जैसा ऊपर के स्निपेट में है।

रंग किस कलर स्पेस में मिलाने चाहिए?

OKLab सबसे भरोसेमंद डिफ़ॉल्ट है: बीच का रंग अपनी चमक बनाए रखता है और मटमैला नहीं होता। OKLCH रंगों को सैचुरेटेड रखता है, लेकिन कलर व्हील पर सबसे छोटा रास्ता लेता है, इसलिए लाल और नीले के बीच बैंगनी और गुलाबी आते हैं। sRGB में पुराने टूल रंग मिलाते हैं, और उसका बीच का रंग अक्सर धूसर और गहरा दिखता है।

रोशनी मिलाना पेंट मिलाने से अलग क्यों है?

स्क्रीन रोशनी जोड़ती है, इसलिए यह टूल रोशनी की वैल्यू का औसत लेता है: नीला और पीला मिलकर हरा नहीं, बल्कि धूसर या फीका रंग बनाते हैं। पेंट रोशनी घटाता है, इसीलिए कागज़ पर वही मिश्रण हरा दिखता है। पेंट का नतीजा जानने के लिए स्क्रीन के कलर स्पेस की जगह पेंट मिक्सिंग मॉडल का इस्तेमाल करें।