Дызайн і 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-трохвугольнік мяжы нулявога памеру для чатырох напрамкаў з наладжвальным памерам і колерам.
Адкрыць інструмент →Генератар адценняў колеру
стварыць дэтэрмінаваную шкалу адценняў ад светлага да цёмнага з HEX-калару з CSS-зменнымі, якія можна капіяваць.
Адкрыць інструмент →Генератар загрузчыка CSS
стварыце лёгкі даступны індыкатар загрузкі з наладжвальнымі памерам, таўшчынёй, хуткасцю і колерамі.
Адкрыць інструмент →Калькулятар спецыфічнасці CSS
вылічыць спецыфічнасць селектара і параўнаць IDs, класы, атрыбуты, псеўдакласы і селектары элементаў.
Адкрыць інструмент →Канструктар функцый плаўнасці CSS
праверыць кантрольныя пункты cubic-bezier і згенераваць паўторна выкарыстоўваны CSS для таймінгу пераходаў.
Адкрыць інструмент →Вылучальнік карыстальніцкіх уласцівасцей CSS
знайсці аб'явы зменных CSS, дублікаты вызначэнняў і іх апошнія вырашаныя тэкставыя значэнні.
Адкрыць інструмент →Канструктар CSS-медыя-запытаў
генеруйце медыязапыты па шырыні, арыентацыі і перавазе руху з выразных адаптыўных умоў.
Адкрыць інструмент →Вылучальнік значэнняў колераў CSS
выняць і падлічыць значэнні колераў HEX, RGB, HSL і сучасныя функцыянальныя значэнні колераў з устаўленага CSS.
Адкрыць інструмент →Канструктар правілаў падтрымкі CSS
згенераваць пазітыўныя і рэзервовыя запыты да функцый з аднаго праверанага CSS-дэкларацыі.
Адкрыць інструмент →Канструктар стэкаў шрыфтоў CSS
скласці стэк шрыфтоў font-family у двукоссях з відавочным агульным запасным варыянтам і выдаленнем дублікатаў.
Адкрыць інструмент →Аналізатар CSS Z-Index
выдзяляць лікавыя абвяшчэнні z-index і ранжыраваць значэнні слаёў без выканання табліцы стыляў.
Адкрыць інструмент →Аўдытар працягласці анімацыі CSS
інвентарызаваць час анімацыі і пераходаў і паведамляць, ці прысутнічае апрацоўка паменшанай рухомасці.
Адкрыць інструмент →Інвентарызацыя кропак пералому CSS
вылічыце media-query разрыўныя кропкі min-width і max-width і паведаміце іх частату і парадак.
Адкрыць інструмент →Праверка лагічных уласцівасцей CSS
параўнанне выкарыстання CSS-свойстваў, звязаных з фізічнымі і патокава-адноснымі каардынатамі, для макетаў, прыдатных да writing-mode.
Адкрыць інструмент →Інвентар памераў шрыфтоў CSS
вылучыце абвяшчэнні font-size паводле значэння і адзінкі, каб выявіць неаднастайныя шкалы тыпаграфікі.
Адкрыць інструмент →Аналізатар трэкаў CSS Grid
абвяшчэнні радка і слупка grid-template для інвентару з рэзюмэ выкарыстання repeat і minmax.
Адкрыць інструмент →На гэтай старонцы няма адпаведных інструментаў.