ડિઝાઇન અને CSS
લાઇવ સ્થાનિક પૂર્વદર્શન સાથે ઉપયોગી રંગો અને CSS બનાવો.
રંગ કન્વર્ટર
HEX, RGB અને HSL રંગોને રૂપાંતરિત કરો અને ચોક્કસ પરિણામનું પૂર્વદર્શન કરો.
ટૂલ ખોલો →CSS ગ્રેડિયન્ટ જનરેટર
બે રંગનો લીનીયર ગ્રેડિયન્ટ બનાવો અને પ્રોડક્શન-તૈયાર CSS કૉપિ કરો.
ટૂલ ખોલો →WCAG કોન્ટ્રાસ્ટ ચેકર
બે રંગો વચ્ચેનો કોન્ટ્રાસ્ટ રેશિયો ગણો અને સામાન્ય WCAG AA તથા AAA ટેક્સ્ટ થ્રેશોલ્ડ તપાસો.
ટૂલ ખોલો →CSS બોક્સ શેડો જનરેટર
જીવંત રંગ, ઑફસેટ, બ્લર અને સ્પ્રેડ મૂલ્યો સાથે બોક્સ-શેડો બનાવો.
ટૂલ ખોલો →CSS ટેક્સ્ટ શેડો જનરેટર
વાંચી શકાય એવી ટેક્સ્ટ-શેડો ડિક્લેરેશન લખો અને તેને પસંદ કરેલા બૅકગ્રાઉન્ડ સામે પૂર્વદર્શન કરો.
ટૂલ ખોલો →CSS બોર્ડર રેડિયસ જનરેટર
ચાર સ્વતંત્ર ખૂણાના રેડિયસ સેટ કરો અને પરિણામરૂપ CSS ડિક્લેરેશન એક્સપોર્ટ કરો.
ટૂલ ખોલો →પ્રતિસાદી CSS ક્લેમ્પ જનરેટર
વ્યૂપોર્ટની પહોળાઈઓમાં લઘુત્તમ અને મહત્તમ કદ વચ્ચે ફ્લુઇડ ક્લેમ્પ અભિવ્યક્તિ ગણો.
ટૂલ ખોલો →PX ↔ REM કન્વર્ટર
સુલભ લેઆઉટ માટે સ્પષ્ટ રૂટ ફૉન્ટ સાઇઝનો ઉપયોગ કરીને પિક્સેલ્સ અને rem એકમો રૂપાંતરિત કરો.
ટૂલ ખોલો →CSS ત્રિકોણ જનરેટર
ગોઠવાઈ શકતા કદ અને રંગ સાથે ચાર દિશાઓ માટે શૂન્ય-કદનું CSS બોર્ડર ત્રિકોણ બનાવો.
ટૂલ ખોલો →રંગની છાયાઓ જનરેટર
કોપી કરી શકાય તેવી CSS વેરિએબલ્સ સાથે HEX રંગમાંથી એક નિર્ધારિત હળવાથી-ગાઢ શેડ સ્કેલ બનાવો.
ટૂલ ખોલો →CSS લોડર જનરેટર
કસ્ટમાઇઝ કરી શકાય તેવા કદ, જાડાઈ, ગતિ અને રંગો સાથે હળવા વજનનું, સુલભ સ્પિનર બનાવો.
ટૂલ ખોલો →CSS વિશિષ્ટતા ગણક
સિલેક્ટર સ્પેસિફિસિટી ગણો અને ID, ક્લાસ, એટ્રિબ્યુટ, પ્સ્યૂડો-ક્લાસ અને એલિમેન્ટ સિલેક્ટરોની સરખામણી કરો.
ટૂલ ખોલો →CSS ઈઝિંગ ફંક્શન બિલ્ડર
ક્યુબિક-બેઝિયર નિયંત્રણ બિંદુઓનું માન્યીકરણ કરો અને પુનઃઉપયોગી ટ્રાન્ઝિશન ટાઇમિંગ CSS જનરેટ કરો.
ટૂલ ખોલો →CSS કસ્ટમ પ્રોપર્ટી એક્સટ્રેક્ટર
CSS વેરિએબલ ઘોષણાઓ, નકલ થયેલી વ્યાખ્યાઓ અને તેમના સૌથી તાજેતરના ઉકેલાયેલા ટેક્સ્ટ મૂલ્યો શોધો.
ટૂલ ખોલો →CSS મીડિયા ક્વેરી બિલ્ડર
સ્પષ્ટ પ્રતિસાદી શરતોમાંથી width, orientation અને motion-preference મીડિયા ક્વેરીઝ જનરેટ કરો.
ટૂલ ખોલો →CSS રંગ મૂલ્ય નિષ્કર્ષક
પેસ્ટ કરેલા CSSમાંથી HEX, RGB, HSL અને આધુનિક કાર્યાત્મક રંગ મૂલ્યો કાઢો અને ગણો.
ટૂલ ખોલો →CSS સપોર્ટ્સ રૂલ બિલ્ડર
એક માન્ય CSS ઘોષણાથી સકારાત્મક અને ફૉલબૅક ફીચર ક્વેરીઝ જનરેટ કરો.
ટૂલ ખોલો →CSS ફોન્ટ સ્ટેક બિલ્ડર
ઉદ્ધૃત font-family સ્ટેક બનાવો જેમાં સ્પષ્ટ generic fallback અને duplicate removal હોય.
ટૂલ ખોલો →CSS Z-Index વિશ્લેષક
સ્ટાઇલશીટને ચલાવ્યા વિના સંખ્યાત્મક z-index જાહેરનાઓ કાઢો અને સ્ટેકિંગ મૂલ્યોનું ક્રમનિર્ધારણ કરો.
ટૂલ ખોલો →CSS એનિમેશન અવધિ ઓડિટર
ઇન્વેન્ટરી એનિમેશન અને ટ્રાન્ઝિશન સમયનું મૂલ્યાંકન કરો અને જણાવો કે reduced-motion હેન્ડલિંગ હાજર છે કે નહીં.
ટૂલ ખોલો →CSS બ્રેકપોઈન્ટ ઇન્વેન્ટરી
મીડિયા-ક્વેરીના min-width અને max-width બ્રેકપોઈન્ટ્સ કાઢો અને તેમની આવર્તન અને ક્રમની જાણ કરો.
ટૂલ ખોલો →CSS લોજિકલ પ્રોપર્ટી ચેકર
writing-mode અનુકૂળ લેઆઉટ્સ માટે ભૌતિક અને પ્રવાહ-સાપેક્ષ CSS property ઉપયોગની તુલના કરો.
ટૂલ ખોલો →CSS ફોન્ટ કદ સૂચિ
અસંગત ટાઇપોગ્રાફી સ્કેલ્સને ઉજાગર કરવા માટે value અને unit દ્વારા font-size ઘોષણાઓને કાઢો.
ટૂલ ખોલો →CSS ગ્રીડ ટ્રેક વિશ્લેષક
repeat અને minmax વપરાશ સારાંશો સાથે inventory grid-template row અને column ઘોષણાઓ.
ટૂલ ખોલો →આ પૃષ્ઠ પર કોઈ મેળ ખાતાં ટૂલ્સ નથી.