Color picker

कलर पिकर OKLCH मध्ये काम करतो, जो आधुनिक CSS चा परसेप्चुअल कलर स्पेस आहे. रंग-क्षेत्रात डावीकडून उजवीकडे क्रोमा राखाडीपासून सुरू होऊन त्या लाइटनेसवर स्क्रीन दाखवू शकेल तिथपर्यंत जाते, त्यामुळे प्रत्येक बिंदू वापरता येणारा रंग असतो, आणि ह्यू बदलली तरी मार्कर आपल्या जागी राहतो.

फील्ड कोणताही CSS रंग घेते, रंगांच्या नावांसह, आणि फॉरमॅट बटण व्हॅल्यू hex, rgb(), hsl(), oklch() किंवा color(display-p3) मध्ये लिहिते. एखाद्या फॉरमॅटच्या गॅमटबाहेरचा रंग CSS च्या पद्धतीने त्यात आणला जातो, त्याची लाइटनेस आणि ह्यू कायम ठेवून.

निवडीसाठी swatches जोडा, आणि WCAG 2 ज्या पद्धतीने कॉन्ट्रास्ट मोजते त्यानुसार रंग एखाद्या पार्श्वभूमीसमोर तपासण्यासाठी contrastWith. जिथे ब्राउझरमध्ये आयड्रॉपर असतो, तिथे एक बटण स्क्रीनवरून रंग उचलते.