Ontwerp
QR, kleuren en kleine afbeeldingshulpjes.
QR-code maken
Maak een QR-code voor URL's of tekst: ECC, grootte, stille zone en kleuren, allemaal op het apparaat.
Barcode maken
CODE128, EAN-13, UPC of CODE39.
Kleurkiezer
Hex, RGB en HSL van een kleur.
Contrastcontrole
WCAG-contrastratio van twee kleuren.
SVG naar PNG
Raster SVG naar PNG.
Favicon maken
Maak een favicon ICO van een PNG, gecentreerd op een transparant canvas, meerdere formaten in één bestand.
Kleurenpalet
Palet uit zaadkleur.
Verloopgenerator
CSS-verloop en PNG.
OG-afbeelding
1200×630 deelafbeelding.
Diagram
CSV als staaf/lijn.
Code-screenshot
Code als PNG.
CSS-schaduw
box-shadow live afstellen.
Printkalender
Maandkalender-PNG.
Meta-tags
SEO/social-meta maken.
Identicon-avatar
Geometrie-avatar uit tekst.
Kleurenblind-simulatie
CVD-benadering.
CSS border-radius
Voorbeeld en kopieer een vierhoekige border-radius.
Tijdelijke afbeelding
Maak een egale PNG met formaat en label.
CSS outline
Bouw een outline-breedte, -stijl en -kleur.
CSS opacity
Bouw een opacity: 0–1-regel.
CSS letter-spacing
Bouw een letter-spacing em-regel.
CSS line-height
Bouw een eenheidloze line-height-regel.
CSS word-spacing
Bouw een word-spacing em-regel.
CSS font-weight
Bouw een font-weight 100–900-regel.
CSS text-transform
Bouw een text-transform-trefwoordregel.
CSS text-align
Bouw een text-align-trefwoordregel.
CSS font-style
Bouw een font-style-trefwoordregel.
CSS text-decoration
Bouw een text-decoration-trefwoordregel.
CSS text-indent
Bouw een text-indent em-regel.
CSS white-space
Bouw een white-space-trefwoordregel.
CSS cursor
Bouw een cursor-trefwoordregel.
CSS user-select
Bouw een user-select-trefwoordregel.
CSS overflow
Bouw een overflow-trefwoordregel.
CSS gap
Bouw een gap rem-regel.
Hex-luminantie
Relatieve luminantie van een hexkleur.
Complement-hex
Complementaire hexkleur.
Hex lichter maken
Maak een hexkleur lichter met procent.
Hex donkerder maken
Maak een hexkleur donkerder met procent.
Hex mengen
Meng twee hexkleuren.
Hex inverteren
Invert RGB van een hexkleur.
Hex naar HSL
Zet hex om naar HSL.
HSL naar hex
Zet HSL om naar hex.
px naar rem
Zet pixels om naar rem.
rem naar px
Zet rem om naar pixels.
px naar em
Zet pixels om naar em.
em naar px
Zet em om naar pixels.
vw naar px
Zet vw om naar pixels.
px naar vw
Zet pixels om naar vw.
Alpha Hex8
Hang alpha aan een hexkleur.
Hex tinten
Meng een hexkleur richting wit.
Hex schaduwen
Meng een hexkleur richting zwart.
Hex grijswaarden
Zet hex om naar grijswaarden.
Hex-contrastpaar
Contrastverhouding van twee hexkleuren.
CSS aspect-pad
padding-top % voor een aspectratio.
Willekeurige pastel-hex
Willekeurige pastel-hexkleur.