pixcode.io

Gratis tools voor
designers & devs

51+ gratis tools

CSS-generators · kleurtools · afbeeldingsconverters · typografie · en meer

PixCode is een gratis toolkit in je browser met 41 tools voor designers en ontwikkelaars. Genereer CSS-gradiënten, converteer HEX naar RGB, maak kleurenpaletten, creëer SVG-blobs, formatteer JSON, en nog veel meer — alles zonder registratie of installatie.

Elke tool draait volledig in je browser: geen serverupload, geen account, geen kosten. Gebouwd voor snelheid en precisie.

Populaire tools

◼

Kleurenpalet Generator

Genereer direct prachtige kleurenpaletten

{}

Hex naar RGB Converter

Converteer HEX-kleuren naar RGB, HSL en HSV

◎

Hex naar RAL Converter

Vind de dichtstbijzijnde RAL-kleur voor elke HEX-code

▤

RAL Kleurverkenner

Blader door alle 221 RAL Classic kleuren per serie

⬡

HEX Kleurverkenner

Blader door 120 geselecteerde kleuren op tintfamilie en schaduw

▓

Tint & Shade Generator

Genereer tinten en schaduwen van elke kleur

Nieuw

NEW

↺

CSS Loader Generator

Genereer CSS laadanimaties: spinner, stippen, balken, pulse — pure CSS, geen afbeeldingen

NEW

{}

JSON Formatter

Formatteer, valideer en minificeer JSON online

NEW

b64

Afbeelding naar Base64

Converteer elke afbeelding direct naar Base64-string

NEW

▬

Voortgangsbalk Generator

Genereer CSS voortgangsbalken: flat, gestreept, gradiënt en geanimeerde stijlen

NEW

A↔

Letterafstand Tool

Kalibreer letterafstand, woordafstand en regelhoogte met live preview

Bijgewerkt

UPDATE

◻

Glassmorphism Generator

Maak glassmorphism CSS-effecten direct

UPDATE

T↕

Tekstschaduw Generator

Maak CSS tekstschaduw effecten visueel

Ontdek meer tools

Lorem Ipsum Generator

Genereer opvultekst voor je ontwerpen

∇

Tekst Gradient Generator

Maak prachtige gradiënt-teksteffecten met CSS background-clip.

Typografieschaal Generator

Genereer modulaire typografieschalen met CSS-variabelen

Van de blog

Design · 9 min

Hoe een consistente merkkleurenpalet vanaf nul op te bouwen

Een stapsgewijze gids voor het kiezen van je primaire merkkleur, het genereren van harmonieën, het controleren van WCAG-contrast en het exporteren van CSS-variabelen — met gratis PixCode-tools.

Lees artikel → Color Theory · 8 min

RAL vs Pantone vs HEX: welk kleursysteem moet je wanneer gebruiken

Een complete, eerlijke vergelijking van RAL-, Pantone- en HEX-kleursystemen. Technische grondslagen, toepassingen en hoe je de juiste keuze maakt voor je project.

Lees artikel → CSS · 15 min

De complete CSS Shadow gids: box-shadow, drop-shadow en text-shadow uitgelegd

Beheers alle drie CSS-schaduwtechnieken. Leer de verschillen, parameters, praktijkpatronen en prestatietips met live voorbeelden.

Lees artikel →

Gratis tools voor designers & devs