Generator Gradien

Damel gradien linear, radial, utawi conic, tambahaken color stops lan atur arahnipun, banjur salin CSS kanthi saklik.

Tipe gradien
Color stops
CSS
Suaikaken stop lan arah kangge ngatur gradien panjenengan.

Saben gradien dipunproses langsung wonten ing browser panjenengan. Boten wonten data ingkang dipununggah dhateng BroBroGo.

FAQ

Menapa bedanipun gradien linear, radial, lan conic?

Gradien linear nyampuraken warni ing sadawane garis lurus kanthi sudut tartamtu. Gradien radial nyebaraken warni medal saking titik tengah awujud bunderan utawi elips. Gradien conic muteraken warni ngubengi titik tengah kados rodha warni.

Menapa ingkang dipunwastani color stops?

Saben color stop minangka warni ingkang dipunpasang wonten ing posisi tartamtu ing sadawane gradien — 0% ing wiwitan, 100% ing pungkasan. Pindhahaken stop kangge nggeser warni, utawi tambahaken stop sanesipun kangge campuran warni ingkang langkung sugih. Panjenengan saged ngginakaken ngantos wolung stop.

Kadospundi caranipun ngatur arah gradien?

Kangge gradien linear utawi conic, slider sudut ngatur arah — 0° madhep minggil, 90° madhep nengen. Gradien radial boten gadhah sudut; pilih wujud bunderan utawi elips minangka gantinipun.

Generator CSS Cubic BezierSeret kalih gagang kangge ngatur kurva easing, pirsani gerakan titik dibandhingake karo kacepetan konstan, lan salin nilai cubic-bezier().Generator Box ShadowSeret slider kangge ngatur box-shadow, tumpuk lapisan kangge efek jero, lan salin CSS kanthi cepet.Generator Border RadiusNgbunderaken saben pojokan kanthi slider, damel wujud blob organik mawi mode elips, lan salin CSS kanthi cepet.Generator FlexboxAtur wadhah flex lan item-itemipun kanthi kontrol visual, pirsani owah-owahanipun kanthi langsung, lan salin CSS kanthi saklik.Generator CSS GridAtur kolom lan baris panjenengan, seret nglangkungi sel kangge masang item, lan salin CSS grid sarta HTML kanthi saklik.Kalkulator CSS clamp()Lebaken ukuran kangge layar alit lan ageng, banjur pikantuk nilai clamp() fluid ingkang saged gantos kanthi alus — kangge ukuran font, padding, margin, utawi gap.Konverter WarniKonversi warni antawisipun HEX, RGB, HSL, HSV, CMYK, lan LAB — sunting salah satunggal kolom lan kolom sanesipun badhe langsung nganyari.CSS Beautifier & MinifierAtur malih indentasi CSS ingkang semrawut supados gampil dipun-waos, utawi minifikasi kagem rilis — mawi mode aman ingkang mboten nate ngowahi urutan aturan panjenengan.Pemeriksa KontrasLebaken warni teks lan latar wingking kangge mirsani rasio kontras WCAG sarta tingkat AA lan AAA ingkang lulus.