← टूल्स
डिझाइन आणि CSS
रंग, प्रतिसादात्मक आकार आणि उत्पादन-तयार CSS तयार करा.
रंग आणि सुलभता
- रंग कनवर्टर (Color Converter)HEX, RGB, HSL, HSV, CMYK आणि LAB दरम्यान रंग रूपांतरित करा — कोणतेही फील्ड संपादित करा आणि उर्वरित फील्ड आपोआप अपडेट होतील.विशेष पृष्ठे (8)
- कॉन्ट्रास्ट चेकर (Contrast Checker)WCAG कॉन्ट्रास्ट गुणोत्तर आणि कोणत्या AA व AAA पातळी पास होतात हे पाहण्यासाठी मजकूर आणि पार्श्वभूमी रंग प्रविष्ट करा.
CSS लेआउट आणि इफेक्ट्स
- Box Shadow जनरेटरबॉक्स-शॅडो तयार करण्यासाठी स्लाइडर्स ड्रॅग करा, खोलीसाठी लेयर्स जोडा आणि तयार CSS झटपट कॉपी करा.
- Gradient जनरेटरलिनियर, रेडियल किंवा कोनिक ग्रेडियंट तयार करा, कलर स्टॉप्स जोडा आणि दिशा सेट करा, नंतर एका क्लिकमध्ये CSS कॉपी करा.
- Border Radius जनरेटरस्लाइडर्ससह प्रत्येक कोपरा गोल करा, लंबगोलाकार मोडसह सेंद्रिय ब्लॉब आकार द्या आणि CSS झटपट कॉपी करा.
- Flexbox जनरेटरव्हिज्युअल कंट्रोल्ससह फ्लेक्स कंटेनर आणि त्याचे आयटम्स सेट करा, लेआउट थेट बदलताना पहा आणि एका क्लिकमध्ये CSS कॉपी करा.
- CSS Grid जनरेटरतुमचे कॉलम्स आणि रोझ सेट करा, आयटम ठेवण्यासाठी सेल्सवर ड्रॅग करा आणि एका क्लिकमध्ये जुळणाऱ्या HTML सह ग्रिड CSS कॉपी करा.
- CSS Cubic Bezier जनरेटरइसिंग कर्व्ह तयार करण्यासाठी दोन हँडल्स ड्रॅग करा, स्थिर गतीच्या तुलनेत हालचाल पहा आणि cubic-bezier() मूल्य कॉपी करा.
- CSS clamp() कॅल्क्युलेटरलहान आणि मोठ्या स्क्रीनसाठी आकार प्रविष्ट करा आणि एक लवचिक clamp() मूल्य मिळवा जे दरम्यानच्या भागात सुरळीतपणे स्केल होते — फॉन्ट आकार, पॅडिंग, मार्जिन किंवा गॅपसाठी.
फॉन्ट तपासणी आणि परवाना
स्क्रीन, प्रिंट आणि प्रमाण
- पिक्सेल / DPI कनवर्टरकोणत्याही DPI/PPI वर पिक्सेलचे इंच, cm आणि mm मध्ये रूपांतर करा — स्क्रीन डिझाइन आणि प्रिंट काम दोन्हीसाठी उपयुक्त.
- स्क्रीन PPI कॅल्क्युलेटरपिक्सेल घनता, डॉट पिच, प्रत्यक्ष परिमाणे आणि बरेच काही मिळवण्यासाठी रिझोल्यूशन आणि स्क्रीनचा आकार प्रविष्ट करा.
- px ते rem आणि em कनवर्टरतुमच्या स्वतःच्या रूट आणि संदर्भ फॉन्ट आकारांचा वापर करून px, rem आणि em दरम्यान रूपांतरित करा — कोणतेही फील्ड संपादित करा आणि इतर दोन तुम्ही टाईप करत असताना अपडेट होतील.
या वर्गात जुळणारी साधने नाहीत.