डिझाइन आणि CSS
प्रायोगिक रंग आणि CSS तयार करा, स्थानिक थेट पूर्वदृश्यासह.
रंग रूपांतरक
HEX, RGB आणि HSL रंग रूपांतरित करा आणि अचूक परिणामाचे पूर्वावलोकन करा.
साधन उघडा →CSS ग्रेडियंट जनरेटर
दोन-रंगी रेखीय ग्रेडियंट तयार करा आणि उत्पादनासाठी तयार CSS कॉपी करा.
साधन उघडा →WCAG कॉन्ट्रास्ट तपासक
दोन रंगांमधील कॉन्ट्रास्ट रेशो काढा आणि सामान्य WCAG AA व AAA मजकूर मर्यादा तपासा.
साधन उघडा →CSS बॉक्स शॅडो जनरेटर
जिवंत रंग, ऑफसेट, ब्लर आणि स्प्रेड मूल्यांसह box-shadow तयार करा.
साधन उघडा →CSS मजकूर छाया जनरेटर
वाचनीय text-shadow घोषणा तयार करा आणि निवडलेल्या पार्श्वभूमीवर तिचा पूर्वावलोकन करा.
साधन उघडा →CSS सीमा त्रिज्या जनरेटर
चार स्वतंत्र कोपऱ्यांचे रेडिअस सेट करा आणि परिणामी CSS घोषणा निर्यात करा.
साधन उघडा →प्रतिसादक्षम CSS क्लॅम्प जनरेटर
व्ह्यूपोर्ट रुंदीओंमध्ये किमान आणि कमाल आकारांदरम्यान द्रव clamp अभिव्यक्ती मोजा.
साधन उघडा →PX ↔ REM रूपांतरणक
प्रवेशयोग्य मांडणींसाठी स्पष्ट रूट फॉन्ट आकार वापरून पिक्सेल आणि rem एकके रूपांतरित करा.
साधन उघडा →CSS त्रिकोण जनरेटर
कॉन्फिगर करता येणारा आकार आणि रंग असलेला, चार दिशांसाठी शून्य-आकाराचा CSS सीमा त्रिकोण तयार करा.
साधन उघडा →रंग छटा जनरेटर
कॉपी करता येण्याजोग्या CSS व्हेरिएबल्ससह HEX रंगापासून निर्धारक हलक्यापासून गडद छटा स्केल तयार करा.
साधन उघडा →CSS लोडर जनरेटर
आकार, जाडी, गती आणि रंगे संरचीत करता येणारा हलका, सुलभ स्पिनर तयार करा.
साधन उघडा →CSS विशिष्टता कॅल्क्युलेटर
सेलेक्टरची विशिष्टता मोजा आणि ID, क्लासेस, अॅट्रिब्यूट्स, स्यूडो-क्लासेस आणि एलिमेंट सेलेक्टर्सची तुलना करा.
साधन उघडा →CSS ईझिंग फंक्शन बिल्डर
cubic-bezier नियंत्रण बिंदू सत्यापित करा आणि पुनर्वापरयोग्य transition timing CSS तयार करा.
साधन उघडा →CSS सानुकूल गुणधर्म निष्कर्षक
CSS चल घोषणा, डुप्लिकेट व्याख्या आणि त्यांची सर्वात अलीकडील निराकृत मजकूर मूल्ये शोधा.
साधन उघडा →CSS मीडिया क्वेरी बिल्डर
स्पष्ट प्रतिसादक्षम अटींमधून रुंदी, दिशा आणि हालचाल-प्राधान्य मीडिया क्वेरीज तयार करा.
साधन उघडा →CSS रंग मूल्य काढणारे साधन
पेस्ट केलेल्या CSS मधील HEX, RGB, HSL आणि आधुनिक फंक्शनल रंग मूल्ये काढा आणि मोजा.
साधन उघडा →CSS सपोर्ट्स नियम बिल्डर
एका पडताळलेल्या CSS घोषणेतून सकारात्मक आणि फॉलबॅक वैशिष्ट्य क्वेरीज तयार करा.
साधन उघडा →CSS फॉन्ट स्टॅक बिल्डर
स्पष्ट सामान्य फॉलबॅक आणि डुप्लिकेट काढून टाकून उद्धृत font-family स्टॅक तयार करा.
साधन उघडा →CSS Z-Index विश्लेषक
स्टाइलशीट कार्यान्वित न करता संख्यात्मक z-index घोषणा काढा आणि stacking मूल्ये क्रमबद्ध करा.
साधन उघडा →CSS अॅनिमेशन कालावधी ऑडिटर
इन्व्हेंटरी अॅनिमेशन आणि संक्रमण वेळा यादी करा आणि reduced-motion हाताळणी उपस्थित आहे का ते अहवाल द्या.
साधन उघडा →CSS ब्रेकपॉइंट इन्व्हेंटरी
मीडिया-क्वेरीचे min-width आणि max-width ब्रेकपॉइंट्स काढा आणि त्यांची वारंवारता व क्रम नोंदवा.
साधन उघडा →CSS तार्किक गुणधर्म तपासक
writing-mode अनुकूल मांडणींसाठी भौतिक आणि प्रवाह-सापेक्ष CSS गुणधर्मांच्या वापराची तुलना करा.
साधन उघडा →CSS फॉन्ट आकार यादी
असंगत टायपोग्राफी स्केल उघड करण्यासाठी मूल्य आणि एककानुसार font-size घोषणांचे extraction करा.
साधन उघडा →CSS ग्रिड ट्रॅक विश्लेषक
पुनरावृत्ती आणि minmax वापर सारांशांसह इन्व्हेंटरी grid-template ओळ आणि स्तंभ घोषणा.
साधन उघडा →या पानावर जुळणारी साधने नाहीत.