Գույներ և կոնտրաստ
Փոխարկեք գույները HEX, RGB և HSL ձևաչափերի միջև, ընտրեք երանգներ և լրացուցիչ գույներ, կառուցեք գրադիենտներ և ստուգեք, որ տեքստը ֆոնի վրա համապատասխանում է մատչելիության կոնտրաստի պահանջներին։
Գործիքներ դիզայնի համար
Օգնականներ դիզայներների և ֆրոնտենդ մշակողների համար՝ գույների փոխարկում և ընտրություն, երանգներ և գրադիենտներ, կոնտրաստի ստուգում, նկարների սեղմում և չափի փոփոխություն, CSS-ի գեներացում։ Նկարները մշակվում են ձեր սարքում։
30 ցուցադրված
01 PNG-ից JPG PNG-ը դնում է սպիտակ ֆոնի վրա և պահում JPEG։converter02 JPG-ից PNG JPEG-ը վերածում է PNG-ի։converter03 Պատկերից WebP PNG կամ JPEG պատկերը փոխարկում է WebP-ի։converter04 Պատկերից AVIF Կոդավորում է պատկերը AVIF-ի հենց դիտարկիչում։converter05 Պատկերի սեղմում Փոքրացնում է JPEG կամ WebP որակի սահիչով։converter06 Չափի փոփոխում Պատկերը տեղավորում է լայնության և բարձրության մեջ։converter07 Պատկերի կտրում Քաշեք ուղղանկյունը և պահեք հատվածը։converter08 Պատկերի տեղեկություն Տեսակ, չափեր և ծավալ հենց ֆայլից։converter09 QR կոդի գեներատոր Ստեղծում է QR կոդ և ներբեռնում PNG։converter10 Շտրիխկոդ CODE128, CODE39, EAN-13 և UPC։converter11 Գույնի ձևաչափեր HEX, RGB և HSL մեկ արժեքից։developer12 Գույնի ընտրիչ Ընտրեք գույն և կարդացեք ալիքները։developer13 Կոնտրաստ WCAG կոնտրաստ երկու գույների համար։developer14 HTML ավազարկղ HTML, CSS և JS մեկուսացված շրջանակում։developer15 CSS գրադիենտ Կառուցում է գծային գրադիենտ և պատճենում CSS-ը։developer16 Բլոկի ստվեր Կարգավորեք ստվերը և պատճենեք հատկությունը։developer17 Flexbox ավազարկղ Ուղղություն, տողադարձ, հավասարեցում և բացատ։developer18 Grid գեներատոր Սյուներ, տողեր և բացատ որպես CSS Grid։developer19 Հարմարվող նախադիտում Տեսեք HTML-ը հեռախոսի, պլանշետի և համակարգչի լայնությամբ։developer20 CSS միավորներ px, rem, em, pt և տոկոս։developer21 Կողմերի հարաբերություն Կրճատում է պիքսելային լայնությունն ու բարձրությունը։developer22 CSS clamp() clamp() հայտարարություն երեք երկարությունից։developer23 Տառաչափի սանդղակ Մոդուլային տառաչափի սանդղակ պիքսելներով։developer24 Գույնի երանգներ Մեկ hex գույնի հինգ ավելի բաց և մուգ աստիճան։developer25 Լրացուցիչ գույն Hex գույնի հակառակ երանգը։developer26 Բացատների սանդղակ Բացատների շարք հիմքից և գործակցից։developer27 SVG տեղապահ Փոքր SVG մակագրությամբ։ Առանց պատկերի հոսթինգի։developer28 Տառային ավատար SVG ավատար մեկ տառից։developer29 CSS շառավիղ border-radius հայտարարություն։developer30 CSS զտիչ Լղոզում և պայծառություն որպես filter հայտարարություն։developer
Մանրամասն
Նկարներ՝ պատրաստ կայքի համար
Սեղմեք, կտրեք, փոխեք նկարների չափն ու ձևաչափը հենց դիտարկիչում, որպեսզի էջերն ավելի արագ բեռնվեն։ Նկարները ոչ մի տեղ չեն վերբեռնվում։
FAQ
Հաճախ տրվող հարցեր
Կարելի՞ է HEX-ը փոխարկել RGB-ի
Այո։ Գունային գործիքները փոխարկում են HEX, RGB, HSL և այլ ձևաչափեր և անմիջապես ցույց տալիս նախադիտումը։
Նկարները վերբեռնվո՞ւմ են սերվեր սեղմելու համար
Ոչ։ Սեղմումը և չափի փոփոխությունը կատարվում են դիտարկիչում։
Գործիքները CSS կո՞դ են ստեղծում
Այո։ Գրադիենտների, ստվերների, կլորացումների, ֆիլտրերի և ցանցերի գեներատորները տալիս են պատրաստի CSS՝ պատճենելու համար։