Dizainas ir CSS

Kurkite spalvas, pritaikytą dydį ir gamybai paruoštą CSS.

Spalvos ir pritaikomumas

Spalvų konverterisKonvertuokite spalvas tarp HEX, RGB, HSL, HSV, CMYK ir LAB – redaguokite bet kurį lauką, o kiti atsinaujins automatiškai.Specializuoti puslapiai (8)
Kontrasto tikrintuvasĮveskite teksto ir fono spalvas, kad sužinotumėte WCAG kontrasto santykį bei atitinkamus AA ir AAA lygius.

CSS išdėstymas ir efektai

Elementų šešėlių (box-shadow) generatoriusVilkite šliaužiklius, kad suformuotumėte šešėlį, sluoksniuokite juos gyliui išgauti ir akimirksniu nukopijuokite paruoštą CSS.
Gradientų generatoriusKurkite tiesinius, radialinius ar kūginius gradientus, pridėkite spalvų taškus, nustatykite kryptį ir nukopijuokite CSS vienu spustelėjimu.
Kampų apvalinimo (border-radius) generatoriusApvalinkite kiekvieną kampą šliaužikliais, kurkite organines formas elipsiniu režimu ir akimirksniu nukopijuokite CSS.
Flexbox generatoriusKonfigūruokite flex konteinerį ir jo elementus vizualiais valdikliais, stebėkite išdėstymą gyvai ir nukopijuokite CSS vienu spustelėjimu.
CSS Grid generatoriusNustatykite stulpelius ir eilutes, vilkite per langelius elementams išdėstyti ir vienu spustelėjimu nukopijuokite tinklelio CSS bei atitinkamą HTML.
CSS Cubic Bezier generatoriusVilkite dvi rankenėles, kad suformuotumėte animacijos kreivę, stebėkite judantį tašką ir nukopijuokite cubic-bezier() reikšmę.
CSS clamp() skaičiuoklėĮveskite dydį mažiems ir dideliems ekranams ir gaukite kintančią clamp() reikšmę, kuri sklandžiai prisitaiko – šriftams, paraštėms ar tarpams.

Ekrano, spaudos ir proporcijų dydžiai

Šriftų patikra ir licencijavimas

Šriftų licencijų ir informacijos tikrintuvasAtidarykite vietinį šriftą, kad perskaitytumėte jame įrašytus pavadinimus, licencijos tekstą ir dokumentų įterpimo vėliavėles – kaip failo įrodymus, o ne patvirtinimą, kad turite licenciją.