← Գործիքներ
Դիզայն և CSS
Ստեղծեք գույներ, արձագանքող չափեր և արտադրության համար պատրաստ CSS:
Գույն և մատչելիություն
- Գույների փոխարկիչՓոխարկե՛ք գույները HEX, RGB, HSL, HSV, CMYK և LAB ձևաչափերի միջև. խմբագրե՛ք ցանկացած դաշտ, և մյուսները կթարմացվեն ավտոմատ:Մասնագիտացված էջեր (8)
- Կոնտրաստի ստուգիչՄուտքագրե՛ք տեքստի և ֆոնի գույները՝ տեսնելու WCAG կոնտրաստի հարաբերակցությունը և թե որ AA ու AAA մակարդակներն են համապատասխանում:
CSS դասավորություն և էֆեկտներ
- Box Shadow-ի գեներատորԿարգավորե՛ք սահիչները՝ box-shadow ստանալու համար, համադրե՛ք շերտերը խորության համար և պատճենե՛ք պատրաստի CSS-ը:
- Գրադիենտի գեներատորՍտեղծե՛ք գծային, շառավղային կամ կոնաձև գրադիենտ, ավելացրե՛ք գունային կետեր, սահմանե՛ք ուղղությունը և պատճենե՛ք CSS-ը մեկ կտտոցով:
- Border Radius-ի գեներատորԿլորացրե՛ք յուրաքանչյուր անկյունը սահիչներով, ստեղծե՛ք օրգանական ձևեր էլիպսաձև ռեժիմով և ակնթարթորեն պատճենե՛ք CSS-ը:
- Flexbox-ի գեներատորԿարգավորե՛ք flex կոնտեյները և դրա տարրերը տեսողական գործիքներով, հետևե՛ք փոփոխություններին իրական ժամանակում և պատճենե՛ք CSS-ը մեկ կտտոցով:
- CSS Grid-ի գեներատորՍահմանե՛ք սյուներն ու տողերը, քաշե՛ք վանդակների վրայով տարրեր տեղադրելու համար և պատճենե՛ք grid CSS-ը համապատասխան HTML-ի հետ մեկ կտտոցով:
- CSS Cubic Bezier-ի գեներատորՔաշե՛ք երկու բռնակները՝ անիմացիայի կորը ձևավորելու համար, հետևե՛ք շարժմանը և պատճենե՛ք cubic-bezier() արժեքը:
- CSS clamp() հաշվիչՄուտքագրե՛ք չափսեր փոքր և մեծ էկրանների համար և ստացե՛ք դինամիկ clamp() արժեք, որը սահուն կերպով փոփոխվում է դրանց միջև՝ տառատեսակների, padding-ների, margin-ների կամ gap-երի համար:
Էկրան, տպագրություն և համամասնություններ
- Փիքսելների / DPI-ի փոխարկիչՎերածեք փիքսելները դյույմների, սմ-ի և մմ-ի ցանկացած DPI/PPI-ով՝ ինչպես էկրանի դիզայնի, այնպես էլ տպագրական աշխատանքների համար:
- Էկրանի PPI-ի հաշվիչՄուտքագրեք թույլատրելիությունը և էկրանի չափսը՝ փիքսելների խտությունը, կետի քայլը, ֆիզիկական չափսերը և այլ տվյալներ ստանալու համար:
- px-ից rem և em փոխարկիչՓոխարկե՛ք px, rem և em միավորների միջև՝ օգտագործելով Ձեր սեփական արմատային և կոնտեքստային տառատեսակի չափերը. խմբագրե՛ք ցանկացած դաշտ, և մյուս երկուսը կթարմացվեն ավտոմատ:
Տառատեսակների ստուգում և լիցենզավորում
Այս կատեգորիայում համապատասխան գործիքներ չկան: