Krāsas un dizains
Izvēlieties, pārveidojiet un sajauciet krāsas, kā arī ģenerējiet CSS saviem projektiem.
- Border-radius ģenerators Veidojiet CSS border-radius vizuāli ar velkamiem punktiem. Iestatiet stūrus px vai %, lietojiet 8 vērtību sintaksi, veidojiet blobus un nokopējiet kodu.
- Box-shadow ģenerators Veidojiet slāņotas CSS box-shadow ēnas ar tiešo priekšskatījumu. Iestatiet nobīdi, izplūdumu, krāsu un inset, izmēģiniet neumorfismu un nokopējiet kodu.
- Clip-path ģenerators Zīmējiet CSS clip-path formas ar velkamiem punktiem. Rediģējiet daudzstūrus, apļus, elipses un inset, sāciet ar sagatavēm un nokopējiet kodu.
- CSS gradienta ģenerators Veidojiet lineārus, radiālus un koniskus CSS gradientus ar tiešo priekšskatījumu. Pievienojiet un velciet krāsu pieturas un nokopējiet tīru CSS kodu.
- Cubic-bezier redaktors Veidojiet CSS easing līknes ar velkamu cubic-bezier redaktoru, salīdziniet tās ar linear tiešajā animācijā un nokopējiet cubic-bezier() vai linear() versiju.
- Flexbox un Grid ģenerators Veidojiet flexbox un CSS grid izkārtojumus vizuāli. Iestatiet konteinera un elementu īpašības, nosauciet režģa apgabalus un nokopējiet tīru CSS un HTML kodu.
- Fonta apakškopas veidotājs Izveidojiet fonta apakškopu ar vajadzīgajām rakstzīmēm pārlūkprogrammā. Iegūstiet mazāku TTF/OTF un WOFF, priekšskatījumu un @font-face ar unicode-range.
- Fontu pāru priekšskatījums Priekšskatiet virsraksta un pamatteksta fontu pārus ar 20 atvērtas licences fontiem, pielāgojiet izmēru un rindas augstumu un nokopējiet CSS font-family kopas.
- Gaišāku un tumšāku toņu ģenerators Ģenerējiet krāsas gaišākus un tumšākus toņus ar soli 5, 10, 20 vai 25 %, sajauktus OKLCH vai sRGB, un eksportējiet kā CSS mainīgos vai Tailwind.
- Kontrasta pārbaude Bezmaksas WCAG kontrasta pārbaude. Ievadiet teksta un fona krāsu, lai iegūtu kontrasta attiecību, AA/AAA rezultātus un tuvāko derīgo krāsu.
- Krāsas nosaukuma meklētājs Uzziniet krāsas nosaukumu. Ievadiet HEX vai RGB kodu un iegūstiet 5 tuvākos nosaukumus no vairāk nekā 30 000 nosauktām krāsām un tuvāko CSS krāsas nosaukumu.
- Krāsu akluma simulators Krāsu akluma simulators: skatiet attēlu ar protanopiju, deuteranopiju, tritanopiju, to vieglākajām formām vai ahromatopsiju – blakus vai ar slīdni.
- Krāsu atlase no attēla Noklikšķiniet uz attēla pikseļa, lai iegūtu tā krāsu kā HEX, RGB, HSL, HSV un CMYK. Palielinātājs, vidējošana un izvēlēto krāsu saraksts pārlūkprogrammā.
- Krāsu atlasītājs Bezmaksas tiešsaistes krāsu atlasītājs. Izvēlieties jebkuru krāsu un uzreiz nokopējiet tās HEX, RGB, HSL, HSV un CMYK kodus ar kontrastu pret balto un melno.
- Krāsu konvertētājs Konvertējiet krāsu starp HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH un OKLCH. Ielīmējiet kodu, redziet krāsu un nokopējiet katru formātu ar vienu klikšķi.
- Krāsu paletes ģenerators Ģenerējiet krāsu paletes no vienas pamatkrāsas pēc krāsu harmonijas noteikumiem: komplementārās, analogās, triādes, tetrādes, kvadrāta un monohromās.
- Malu attiecības kalkulators Malu attiecības kalkulators: vienkāršojiet platumu un augstumu, mainiet izmēru saglabājot proporcijas un nokopējiet CSS aspect-ratio kodu.
- Palete no attēla Iegūstiet krāsu paleti no jebkura attēla: dominējošās krāsas kā HEX kodi ar īpatsvaru attēlā, gatavas kopēšanai vai eksportam.
- PX uz REM pārveidotājs Pārveidojiet px uz rem un em ar jebkuru saknes fonta izmēru, veidojiet masveida tabulu un pārvērtiet visas CSS fragmenta px vērtības uz rem ar vienu klikšķi.