← Rīki
Dizains un CSS
Izveidojiet krāsas, adaptīvu izmēru un ražošanai gatavu CSS.
Krāsas un pieejamība
- Krāsu konvertētājsKonvertējiet krāsas starp HEX, RGB, HSL, HSV, CMYK un LAB — rediģējiet jebkuru lauku, un pārējie tiks atjaunināti reāllaikā.Specializētās lapas (8)
- Kontrasta pārbaudītājsIevadiet teksta un fona krāsu, lai redzētu WCAG kontrasta attiecību un uzzinātu, kuri AA un AAA līmeņi atbilst prasībām.
CSS izkārtojums un efekti
- Box Shadow ģeneratorsVelciet slīdņus, lai veidotu box-shadow ēnu, klājiet slāņus dziļumam un acumirklī nokopējiet gatavo CSS.
- Gradientu ģeneratorsIzveidojiet lineāru, radiālu vai konisku gradientu, pievienojiet krāsu punktus, iestatiet virzienu un nokopējiet CSS ar vienu klikšķi.
- Border Radius ģeneratorsNoapaļojiet katru stūri ar slīdņiem, veidojiet organiskas lāses formas ar eliptisko režīmu un acumirklī nokopējiet CSS.
- Flexbox ģeneratorsIestatiet flex konteineru un tā elementus ar vizuālām vadīklām, vērojiet izkārtojuma reakciju reāllaikā un nokopējiet CSS ar vienu klikšķi.
- CSS Grid ģeneratorsIestatiet kolonnas un rindas, velciet pāri šūnām, lai izvietotu elementus, un ar vienu klikšķi nokopējiet režģa CSS kopā ar atbilstošo HTML.
- CSS Cubic Bezier ģeneratorsVelciet abus rokturus, lai veidotu paātrinājuma līkni, vērojiet punkta kustību pret vienmērīgu kustību un nokopējiet cubic-bezier() vērtību.
- CSS clamp() kalkulatorsIevadiet izmēru maziem un lieliem ekrāniem un iegūstiet plūstošu clamp() vērtību, kas vienmērīgi mērogojas starp tiem — fontu izmēriem, iekšējām un ārējām malām vai spraugām.
Ekrāna, drukas un proporciju izmēri
- Pikseļu / DPI pārveidotājsPārvērtiet pikseļus collās, cm un mm jebkurā DPI/PPI — gan ekrāna dizainam, gan drukas darbiem.
- Ekrāna PPI kalkulatorsIevadiet izšķirtspēju un ekrāna izmēru, lai iegūtu pikseļu blīvumu, pikseļu soli, fiziskos izmērus un daudz ko citu.
- px uz rem un em konvertētājsKonvertējiet starp px, rem un em, izmantojot savus saknes un konteksta fontu izmērus — rediģējiet jebkuru lauku, un pārējie divi tiks atjaunināti rakstīšanas laikā.
Fontu pārbaude un licencēšana
Šajā kategorijā nav atbilstošu rīku.