HCT एडिटर

तीन स्टेप: एक रंग दर्ज करें, तीन आयाम समायोजित करें, भूमिकाएं पढ़ें।

Google का आधिकारिक Material 3 रंग स्पेस — ह्यू / क्रोमा / टोन, पूर्वानुमान योग्य कंट्रास्ट के साथ अवधारणात्मक रूप से एकसमान।

1. 01

   एक आधार रंग दर्ज करें

   एक HEX पेस्ट करें और HCT स्लाइडर अपनी जगह पर आ जाते हैं; आप बोर्ड एडिटर या किसी भी रंग प्रोफाइल पेज से भी रंग ला सकते हैं।

2. 02

   ह्यू / क्रोमा / टोन समायोजित करें

   ह्यू H 0-360 तक घूमता है, क्रोमा C जीवंतता सेट करता है और टोन T 0-100 सीधे Material थीम स्केल से मेल खाता है; गैमट से बाहर के संयोजन निकटतम प्रदर्शनीय रंग में मैप किए जाते हैं।

3. 03

   टोनल पैलेट और भूमिकाएं पढ़ें

   13-स्टेप टोनल पैलेट हर Material 3 थीम का ढांचा है, और भूमिकाएं पैनल प्राइमरी / प्राइमरी कंटेनर टोन सिफारिशें सूचीबद्ध करता है जो कॉपी करने के लिए तैयार हैं।

HCT सामान्य प्रश्न

HCT और Material 3 पैलेट के बारे में तीन बार पूछे जाने वाले प्रश्न।

HCT OKLCH से किस प्रकार भिन्न है?

दोनों का लक्ष्य अवधारणात्मक एकरूपता है, लेकिन HCT CAM16 रंग अभिविन्यास मॉडल पर निर्मित है, जो देखने की स्थिति और वर्णक अनुकूलन को भी ध्यान में रखता है। यह Google के Material 3 थीम सिस्टम का आधिकारिक रंग स्पेस है — Material टूलिंग के पैलेट HCT से बिल्कुल मेल खाते हैं।

प्रकाशता प्रतिशत के बजाय टोन क्यों?

टोन 0-100 सापेक्ष प्रकाशमान (Y) के लगभग रैखिक रूप से मैप होता है, और Material spec टोन के अनुसार भूमिकाएँ परिभाषित करता है: प्राइमरी=40, सरफेस=98, आदि — टोन से चयन करके आप पहले से ही टेक्स्ट कंट्रास्ट का अनुमान लगा सकते हैं।

टोनल पैलेट में बिल्कुल 13 स्टेप क्यों?

0/10/20 ... 100 आधिकारिक Material 3 वैल्यू स्केल है, जो काले से सफ़ेद तक की पूरी रेंज को कवर करता है। एक निश्चित स्केल विभिन्न स्रोत रंगों में थीम को संरचनात्मक रूप से समान रखता है, ताकि उन्हें सीधे बदला जा सके।

संपादन के बाद

पैलेट बनाने के लिए रंग को बोर्ड एडिटर में ले जाएं, या उसी अवबोधनात्मक भावना से OKLCH एडिटर में ठीक करें।