Verktyg för utvecklare

Decimal till hexadecimal omvandlare

Ange ett decimalt heltal och få direkt dess hexadecimala motsvarighet, inklusive negativa värden som 64-bitars tvåkomplement.

Decimal till oktal-omvandlare

Omvandla hela decimaltal till deras oktala form (bas 8). Skriv in ett tal och läs av de oktala siffrorna direkt. Metoden med division med 8 förklaras nedan.

cURL-konverterare

Konvertera lokalt ett cURL-kommando till Fetch för webbläsare eller Node.js, Python Requests eller PHP cURL utan att köra begäran.

Datalagringsomvandlare

Konvertera datastorlekar mellan bitar, byte, kilobyte, megabyte, gigabyte, terabyte och petabyte, med den decimala (1000) eller binära (1024) konventionen.

CSS-tooltipgenerator

Skapa tillgängliga tooltips i ren CSS med hjälp av data-attribut och ::after. Ställ in position, bakgrund och textfärg helt utan JavaScript.

CSS till Tailwind

Klistra in en CSS-regel och få de motsvarande Tailwind CSS utility-klasserna, inklusive reservlösningar med godtyckliga värden för allt utanför standardskalan.

CSS-triangelgenerator

Generera rena CSS-trianglar i valfri riktning med nollbredds-border-tricket. Välj riktning, storlek och fyllningsfärg, kopiera sedan deklarationen.

CSV till JSON

Konvertera en CSV med en rubrikrad till JSON som en array av objekt. Rubriker blir nycklar, datarader blir objekt, redo för API:er och JavaScript-kod.

CSV-till-JSON-omvandlare

Omvandla CSV-kalkylark till JSON med alternativ för avgränsare (komma, tabb, semikolon), rubrikhantering och snygg kontra kompakt utdata.

CSV till Markdown-omvandlare

Förvandla CSV-rader till tabeller i GitHub Flavored Markdown med en rubrikavgränsare och pipe-avgränsade celler, redo att klistra in i README-filer eller PR:er.

CSV-till-YAML-omvandlare

Omvandla CSV-data till ren YAML som en lista av mappningar. Rubriker blir nycklar, rader blir nästlade mappningar under en array på toppnivå.

CSS box-shadow-generator

Ställ in horisontell och vertikal offset, oskärpa, spridning, färg och valfri inset för en skugga och kopiera regeln. För skuggor i lager skapar du varje lager separat och kombinerar reglerna med kommatecken.

CSS-kortgenerator

Skapa CSS för en kortcontainer: bakgrund, kantlinje, hörnradie, inre utfyllnad och en mjuk skugga, med omedelbar förhandsvisning och copy-paste-kod.

CSS-checkboxgenerator

Formge en inbyggd checkbox med CSS: välj färg för markerat läge, kantlinjefärg, storlek och hörnradie, förhandsvisa bocken och kopiera den färdiga CSS:en.

CSS clip-path-generator

Generera en färdig clip-path-regel. Välj en av de fyra förinställda formerna, triangel, romb, parallelltrapets eller hexagon, och kopiera CSS-koden.

CSS-avdelargenerator

Generera CSS för en horisontell separator: välj linjestil, färg, tjocklek och marginal, se linjen mellan två sektioner och kopiera den färdiga regeln.

CSS-filtergenerator

Bygg en CSS-filterkedja för oskärpa, ljusstyrka, kontrast, gråskala och mättnad. Ange värdena och kopiera den färdiga regeln.

CSS Flexbox-generator

Generera CSS för en flex-container på några sekunder. Välj flex-direction, justify-content, align-items, gap och wrap och kopiera den färdiga CSS:en.

CSS-formaterare

Formatera minifierad eller rörig CSS till läsbar kod: en deklaration per rad, två blankstegs indrag och en tom rad mellan reglerna. Blockkommentarer tas bort vid formateringen.

CSS-formulärgenerator

Generera CSS för ett komplett stilat formulär: formulärgrid, etiketter, inmatningsfält, textområden, listrutor och tydliga fokuslägen. Ställ in accentfärg, hörnradie och avstånd, kopiera sedan koden.

CSS-gradientgenerator

Skapa en färdig CSS-gradient med två färger. Välj linjär eller radiell, ställ in vinkeln och kopiera bakgrundskoden.

CSS Grid-generator

Generera CSS Grid-behållarregler: ett fast antal lika kolumner, ett eget mellanrum och en responsiv fallback med minimibredd, redo att kopiera.

CSS keyframes-generator

Generera en @keyframes-regel för fade-slide-, pulse-, spin- eller bounce-animationer med eget namn, längd och avstånd, redo att kopiera.

CSS-laddningsgenerator

Skapa en cirkulär spinnare i ren CSS: ställ in diameter, kanttjocklek, accentfärg och rotationshastighet, förhandsvisa direkt och kopiera den färdiga CSS-koden. Ingen SVG, ingen JavaScript.

CSS Minifier

Minifiera CSS genom att ta bort blanksteg och kommentarer. Typiska besparingar 25-50% på formaterade stilmallar, och utdata beter sig exakt som originalet.

CSS-modalgenerator

Generera CSS:en för en modal dialogruta: mörk helskärmsbakgrund, centrerad vit panel, rubrik med accentfärg och högerjusterade åtgärder. Ställ in bredd, hörnradie och accentfärg.

CSS-generator för pristabeller

Generera ett enskilt priskort i HTML + CSS: paketnamn, pris och varumärkets accentfärg. Kopiera koden till din landningssida.

CSS-generator för rullningslist

Anpassa rullningslistens utseende i CSS. Moderna scrollbar-color / scrollbar-width och äldre ::-webkit-scrollbar för bred kompatibilitet.

CSS-flikgenerator

Skapa ett eget flikfält i HTML + CSS: accentfärg för den aktiva fliken, hörnradie och hover-tillstånd. Kopiera koden till ditt projekt.

CSS-textskugggenerator

Skapa en text-shadow-deklaration genom att ställa in X- och Y-offset, oskärpa och färg och kopiera sedan exakt CSS-rad till din stilmall.

Cron-uttrycksgenerator

Skapa Unix-cronuttryck utifrån ett visuellt schema. Välj minut, timme, dag, månad och veckodag för att få den exakta syntaxen för crontab, Kubernetes eller GitHub Actions.

Parser för cron-uttryck

Klistra in ett standardmässigt cron-uttryck med 5 fält och få en beskrivning på enkel engelska plus de 5 nästa schemalagda körtiderna.

Crontab Guru

Klistra in ett standardmässigt cron-uttryck med 5 fält och få en förklaring på enkel engelska av varje fält: minut, timme, dag i månad, månad och veckodag.

CSR-avkodare

Klistra in en PEM-kodad begäran om certifikatsignering och läs subject-fälten samt algoritmen och storleken på den offentliga nyckeln, utan att installera verktyg.

CSS-animationsgenerator

Bygg CSS-@keyframes-animationer från inbyggda förinställningar. Ange namn, längd, easing, antal repetitioner och riktning, förhandsvisa i realtid och kopiera CSS-koden.

CSS-pilgnerator

Skapa lokalt en CSS-pil med riktning, färg, storlek och ramens tjocklek och kopiera sedan regeln.

CSS border-radius-generator

Ställ in radierna för de fyra hörnen (uppe vänster, uppe höger, nere höger, nere vänster), välj px, % eller rem och kopiera den färdiga border-radius-kortformen.

Färgmixer

Blanda två HEX-färger till 2-20 jämnt fördelade färgrutor. Se varje mellanfärg som en HEX-kod med versaler, med båda ändpunkterna inkluderade.

Färgkodsomvandlare

Konvertera mellan de vanligaste webbfärgkoderna: hex (#RGB, #RRGGBB), rgb(r,g,b) och hsl(h,s%,l%). Med direkt förhandsvisning och kopiering med ett klick.

Kontroll av färgkontrast

Kontrollera WCAG-kontrastförhållandet mellan förgrunds- och bakgrundsfärger. Godkänd/underkänd för AA, AAA, stor text och icke-textkontrast.

Generator för mörkare färgnyanser

Generera mörkare nyanser av en HEX-basfärg i 3 till 20 jämna steg, användbara för designsystemspaletter och hover-/pressed-tillstånd.

Färgtongeneratör

Generera lättare nyanser av en grundfärg. Använd 3–20 steg för skala vid designsystemtokener, bakgrunder och hover-tillstånd.

Changelog-generator

Bygg en markdown-sektion i Keep a Changelog-stil från kategoriserade poster. Klistra in posterna under Added, Changed, Fixed och Removed, välj Markdown eller ren text och kopiera utdatan.

Chmod-kalkylator

Omvandla mellan chmod-oktalkoder (755, 644) och rwx-behörighetssträngar. Växla user-, group- och other-bitar och se det resulterande chmod-kommandot.

CMYK till RGB-konverterare

Konvertera CMYK-procent till ungefärliga RGB- och Hex-värden för snabba skärmförhandsvisningar med standardformeln.

Kod till bild

Klistra in kod, justera tema, färger, teckenstorlek, utfyllnad, fönsterhuvud och radnummer, förhandsgranska på canvas och ladda ner en PNG. Vanlig textrendering utan syntaxmarkering.

Certifikatavkodare

Klistra in ett X.509 PEM-certifikat och se de avkodade fälten: subjekt, utfärdare, serienummer, signaturalgoritm, giltighetstid och alternativa subjektnamn.

Omvandla PX till PT

Omvandlar icke-negativa CSS-pixlar till punkter med det fasta förhållandet 1 px = 0,75 pt och högst fyra decimaler.

Regex-lathund

En sökbar referens för reguljära uttryck i JavaScript, PCRE2/PHP, Python re och .NET. Jämför token, motorspecifik syntax, ankare, grupper, lookarounds och flaggor.

Generator för mönsterbakgrunder

Skapa upprepade CSS-bakgrundsmönster med egna färger och avstånd. Granska förhandsvisningen och kopiera den genererade CSS-koden.

Markdown-fusklapp

Praktisk Markdown-referens med verkliga förhandsvisningar och kopierbara exempel för rubriker, listor, tabeller, kod, länkar, bilder och GFM-syntax.

Förhandsgranskare för Mermaid-diagram

Skriv Mermaid-syntax för flödesscheman, sekvensdiagram, klassdiagram och Gantt-scheman. Se resultatet direkt som SVG och kopiera eller ladda ner det.

Generator för nätgradienter

Skapa en gradient med 4, 6 eller 9 flyttbara färgpunkter. Ladda ner SVG eller PNG, eller kopiera CSS med radiella gradienter.

Referens för kortkommandon

Sök dokumenterade standardkommandon för VS Code, Chrome och Bash med GNU Readline i macOS, Windows och Linux.

XPath-testare

Testa XPath 1.0-uttryck mot din XML eller HTML i webbläsaren och granska varje träffad nod med attribut, text och uppmärkning.

YAML-formaterare

Formatera YAML i webbläsaren med konsekventa indrag, valfri nyckelsortering och säkra citattecken så att konfigfiler förblir läsbara och ger rena diffar.

HTML-tabellgenerator

Skapa rena, responsiva HTML-tabeller från rader och kolumner med alternativ för rubrikrad, ramar och zebrarandning.

HTML till bild-konverterare

Rendera HTML och CSS som PNG eller JPG med fast storlek i webbläsaren. Välj bildyta och skala, förhandsgranska och hämta lokalt.

HTTP-statuskodskontroll

Kontrollera slutlig HTTP-status, mål-URL, tid till svarshuvuden och CORS-exponerade huvuden i webbläsaren.

CSS-gradientgenerator

Skapa linjära och radiella CSS-gradienter med färgstopp samt kontroller för vinkel eller form. Kopiera den skapade CSS-bakgrundsdeklarationen till ditt stilark.

HTML-teckenreferens

En sökbar lista över HTML-entiteter med deras namngivna och numeriska koder samt kopiering med ett klick för specialtecken och symboler.

HTML-formaterare

Formatera HTML lokalt i webbläsaren med indrag på två eller fyra blanksteg. HTML laddas inte upp eller valideras.

ERD-diagramskapare

Skapa lokalt ett entitetsrelationsdiagram med upp till 12 entiteter, fält, relationer och kardinaliteter. Exportera Mermaid, SVG, PNG eller JSON.

Komplementfärgsökare

Hitta komplementfärgen till vilken färg som helst. Returnerar motsatsen i HSL, ett split-complement-par och tips för tillgängliga kombinationer.

CSS-accordiongenerator

Skapa en accordion med tre avsnitt och inbyggda details och summary. Anpassa text, färger, avstånd, ikon och öppningsbeteende och kopiera eller hämta koden.

CSS-knappgenerator

Designa en CSS-knapp med enfärgad eller tonad fyllning, sex tillstånd, kontrastkontroller, säker HTML och CSS samt en fristående nedladdning.

cURL-kommandogenerator

Bygg privata cURL-kommandon för bash, zsh, WSL eller PowerShell från HTTP-URL:er, HTTP-huvuden, autentisering, JSON, rådata och URL-kodade formulärfält.

Färghjulsutforskare

Utforska färghjulet interaktivt. Rotera harmonier, jämför HSL mot RYB, hitta komplementära och triadiska par i realtid.

XML-minifierare

Minifiera välformad XML i webbläsaren. Ta bort kommentarer och blanksteg med radbrytningar mellan markup-token och kopiera eller hämta det lokala resultatet.

XML till YAML-omvandlare

Omvandla ett välformat XML-dokument till en läsbar, fast YAML-mappning i webbläsaren. Behåll elementnamn, attribut, text och upprepade element.

XML-validerare

Kontrollera upp till 1 000 000 tecken XML-syntax i webbläsaren. Riskabla deklarationer avvisas och tolkningsfel visas tydligt.

YAML till TOML-omvandlare

Omvandla en YAML-mappning till TOML i webbläsaren. Granska nästlade tabeller, arrayer och omvandlingens begränsningar innan du använder resultatet.

YAML-validerare

Validera upp till 100 YAML-dokument och 1 000 000 tecken i webbläsaren med js-yaml och CORE_SCHEMA. Dubbla nycklar ger ett fel.

Hexvisning för binärfiler

Välj en fil och granska en begränsad del från valfri giltig byteoffset som en lokal hexdump med offset-, hex- och ASCII-kolumner.

Hitta färgnamn

Hitta närmaste standardiserade namngivna CSS-färg för ett HEX-, RGB- eller HSL-värde med CIEDE2000.

Generator för analoga färger

Skapa en analog palett med fem färger från valfri basfärg: en klassisk kärna med tre, två yttre nyanser samt värden i hex, RGB och HSL.

ASCII-tabellreferens

Full ASCII-tabell från 0 till 127 med decimal-, hex-, oktal- och binärvärden samt notation för numeriska HTML-referenser, inklusive NUL, LF och DEL.

Simulator för programräknare

Följ en förenklad lista med instruktioner av fast bredd, etiketter, hopp, anrop, returer och 16-, 24- eller 32-bitars adresser.

Generator för gradientbakgrunder

Skapa suddiga trefärgade gradientbakgrunder för bärbar dator, telefon eller Zoom. Ställ in vinkel och suddighet manuellt eller slumpa fram dem.

Validera telefonnummer

Kontrollera nummerstrukturen per land och se region, typ samt formaten E.164, internationellt, nationellt och RFC 3966.

Visare för HAR-filer

Öppna HAR-loggar lokalt, filtrera anrop, granska maskerade rubriker och tider och exportera rensade sammanfattningar utan uppladdning.

FPS-räknare

Mät webbläsarens FPS med requestAnimationFrame: utjämning, lägsta och högsta bildfrekvens, varningsgräns och valfri graf. Körs lokalt, utan uppladdning och utan API.

Förenklare för boolesk algebra

Utvärdera ett booleskt uttryck för varje kombination av indata och visa den fullständiga sanningstabellen. Stöder upp till fem variabler och operatorerna &, |, ! och ^.

Binär till ASCII-konverterare

Klistra in binärdata (mellanslagsseparerade bytes eller en lång bitström) och få ASCII-texten den representerar, avkodad 8 bitar åt gången.

Binär till decimal

Konvertera ett binärt tal till decimal, eller ett decimalt tal till binärt, direkt. Klistra in ett enda tal och läs resultatet.

Binär till hex-konverterare

Konvertera binär inmatning till ett vanligt hexadecimalt värde med versaler. Icke-binära tecken ignoreras och inledande nollor bevaras inte.

Binär till oktal-konverterare

Konvertera binärt till oktalt genom att gruppera bitar tre och tre. Användbart för Unix-rättigheter, äldre system och kompakt numerisk visning.

BBCode till HTML-konverterare

Konvertera BBCode (bulletin board-markup) till ren HTML. Hanterar formateringstaggar, listor, citat, kod, bilder och länkar.

Base64 till Hex-konverterare

Konvertera en standard Base64-sträng till dess underliggande bytes, skrivna som sammanhängande hexadecimala versaler. Strikt avkodning, perfekt för tokens, nycklar och JWT-signaturer.

ASCII till binär-konverterare

Konvertera valfri ASCII-sträng till dess binära representation. Varje tecken blir åtta bitar, separerade med mellanslag, redo att klistras in i en protokolltrace eller läxa.

ASCII till hex-konverterare

Konvertera ASCII-text till hexadecimala bytevärden. Utdata använder två hexsiffror per tecken, redo för minnesdumpar, pakettraces eller firmwaretabeller.

Slumpgenerator för bokstäver

Generera slumpade A-Z-bokstäver. Välj antal, versaler, gemener eller blandat läge och använd resultatet för spel, uppgifter eller klassrumsaktiviteter.

Slumpmässig färggenerator

Generera 1 till 50 slumpmässiga HEX-färger med färgrutor som du kan förhandsvisa, kopiera och använda i CSS, tester eller palettskissning.

JSON-formaterare

Klistra in JSON för att snyggformatera med 2 eller 4 mellanslag, minifiera till kompakt utdata eller snabbt kontrollera syntaxen innan du kopierar resultatet.

Färgpalettgenerator

Skapa monokromatiska, analoga, komplementära, triadiska eller tetradiska färgpaletter från en HEX-basfärg och exportera kopieringsklara CSS-variabler.

HEX-färgväljare

Välj eller skriv en HEX-färg och få RGB, HSL, uppskattad CMYK, relativ luminans samt kontrast mot vitt och svart.

Generator för slumpmässiga färgpaletter

Skapa slumpmässiga färgpaletter med 2 till 15 färgrutor, välj en livlig, pastell, dämpad eller mörk stil och kopiera HEX-koder eller CSS-variabler.