कॉफी स्टाइल शीट: कॉफी एक रंग के रूप में

वे कहते हैं कि डेवलपर्स केवल कॉफी के लिए काम कर सकते हैं। मुझे नहीं लगता कि यह सच है (लेकिन शायद बहुत दूर भी नहीं)। तो इस हफ्ते का कार्टून मेरी दो पसंदीदा चीजों को मिलाएगा: कॉफी और सीएसएस। और विशेष रूप से, मैं सीएसएस रंगों पर ध्यान केंद्रित करूंगा और कैसे विभिन्न प्रकार के कॉफी को सीएसएस रंगों के समान प्रदर्शित किया जा सकता है।

हम सभी आरजीबी, हेक्स (आरजीबी भी), और एचएसएल (जो मजेदार बात है, आरजीबी भी है) के बारे में जानते हैं। और CSS मानक में नए रंग प्रारूप सामने आए हैं: L*a*b*, LCH, CMYK, HWB, OKLCH… इतने सारे लोगों ने मुझसे पूछा है, “हमें CSS में इतने सारे रंग प्रारूपों की आवश्यकता क्यों है? ” और यह एक उचित सवाल है जिसका जवाब मैं आज के कार्टून की मदद से देने की कोशिश करूंगा ।

और मैं इसे मौजूदा CSS कलर फंक्शन: HWB की मदद से करूंगा । हालाँकि HWB का मतलब H ue- W टाइटनेस- B कमी है, मैंने अपने उद्देश्य को पूरा करने के लिए अक्षरों के अर्थ (सिर्फ) को थोड़ा संशोधित किया:

• एच = गर्म पानी = पानी ( डुह )
• डब्ल्यू = सफेद = दूध (फोम्ड, झागदार, स्टीम्ड, आदि)
• बी = ब्लैक = कॉफी (होमर सिम्पसन को उद्धृत करते हुए: जीवन की सभी समस्याओं का कारण और समाधान।)

जबकि मुझे विचार पसंद है, यह सीमित है: अगर हम मोचा चाहते हैं तो कैसा रहेगा? मोचा में चॉकलेट होती है और hwb()चॉकलेट का प्रतिनिधित्व करने का कोई तरीका नहीं है। यह केवल पानी, दूध और कॉफी है। उन तीन मूल सामग्रियों के साथ, हम केवल इन्फोग्राफिक पर और कुछ और (कॉर्टैडो, कैफे बॉम्बन, या गैलाओ, कुछ नाम रखने के लिए) कॉफ़ी बनाने के लिए मिलते हैं। फिर भी, हम एक टन अधिक खो रहे हैं: आयरिश कॉफी, एस्प्रेसो रोमानो, मैरोचिनो इत्यादि, और हम उन्हें सिर्फ पानी, दूध और कॉफी के साथ नहीं बना सकते हैं।

यहां तक ​​कि कार्टून के लोगों के लिए, मेरा नव निर्मित hwb()कार्य पर्याप्त नहीं है। उदाहरण के लिए, कैप्पुकिनो की जांच करें: यह 66% दूध और 33% कॉफी है। यह भ्रामक प्रतीत होता है कि इसमें एक लट्टे के समान रचना है, लेकिन वे समान नहीं हैं: एक कैप्पुकिनो में, दूध आधा उबला हुआ और आधा झागदार होता है।

यह अच्छा होगा अगर हमारे पास उन विवरणों को व्यक्त करने का एक अलग तरीका होता। और CSS रंगों के साथ भी यही होता है! हम लंबे समय से आरजीबी का उपयोग कर रहे हैं, लेकिन आरजीबी सीमित है। CSS कलर मॉड्यूल लेवल 4 ने रंगों को लिखने के नए तरीके पेश किए जो वेब को आधुनिक बनाते हैं और संभावनाओं की दुनिया लाते हैं: लैब, LCH, OKLCH, CMYK, फंक्शन color()... और वे कलर स्पेस मानक RGB की तुलना में अधिक विकल्प प्रदान करते हैं।

एक मोचा के मामले में, हम चॉकलेट (जो HWB में एक विकल्प नहीं है) को याद कर रहे हैं ... तो इसके बजाय LCH का उपयोग क्यों न करें?

• एल = हल्कापन/लेचे/लाएट/लेटे = दूध
• सी = चॉकलेट
• एच = गर्म कॉफी

और CSS रंगों के साथ भी ऐसा ही होता है: कुछ रंग फ़ंक्शंस आपको दूसरों की तुलना में अधिक जीवंत रंग बनाने की अनुमति देंगे, और कुछ कंप्यूटर के लिए आसान होंगे या मनुष्यों के लिए अधिक सरल होंगे। कुछ ओवरलैप की उम्मीद है, और यह पूरी तरह से सामान्य है। अपनी परियोजना की जरूरतों के लिए सबसे अच्छा रंग प्रारूप चुनें और आनंद लें। CSS रंगों के साथ खेलने का यह एक रोमांचक समय है।

यदि आप रंग कार्यों के बारे में अधिक पढ़ना चाहते हैं, तो सीधे CSS रंग मॉड्यूल 4 ( और कुछ बेहतरीन नए रंग कार्यों के लिए स्तर 5) देखें। यह आश्चर्यजनक रूप से सीधा है। आप एक लेख भी देख सकते हैं जो मैंने कुछ साल पहले प्रकाशित किया था ... लेकिन सावधान रहें कि यह थोड़ा पुराना है क्योंकि जब से मैंने इसे लिखा है तब से मानक लगातार बदल गया है।

लिंक

• स्थायी लिंक:https://comicss.art/?id=87
• छवि:https://comicss.art/comics/87/coffee-as-a-css-color.png
• सोर्स कोड:https://comicss.art/comics/87/coffee-as-a-css-color.html