Free tools for
designers & devs
CSS generators · color tools · image converters · typography · and more
PixCode is a free, browser-based toolkit with 41 tools for designers and developers. Generate CSS gradients, convert HEX to RGB, build color palettes, create SVG blobs, format JSON, and much more — all without signup or installation.
Every tool runs entirely in your browser: no server upload, no account, no cost. Built for speed and precision.
Popular tools
Color Palette Generator
Generate beautiful color palettes instantly
Hex to RGB Converter
Convert HEX colors to RGB, HSL and HSV
Hex to RAL Converter
Find the closest RAL color from any HEX code
RAL Color Explorer
Browse all 221 RAL Classic colors by series
HEX Color Explorer
Browse 120 curated colors by hue family and shade
Tint & Shade Generator
Generate tints and shades from any color
New
CSS Pattern Generator
Generate repeating CSS background patterns: dots, lines, grid, checkers, diagonal
CSS Card Generator
Design CSS cards with shadow, border-radius, padding, border and hover effects
Noise Texture Generator
Generate CSS noise and grain textures using SVG feTurbulence as background-image
Px to Rem Converter
Convert pixel values to rem and em units
RAL Color Explorer
Browse all 221 RAL Classic colors by series
Updated
Explore more tools
From the blog
How to Build a Consistent Brand Color Palette from Scratch
A step-by-step guide to choosing your primary brand color, generating harmonies, checking WCAG contrast, and exporting CSS variables — using free PixCode tools at every step.
Read article → Color Theory · 8 minRAL vs Pantone vs HEX: which color system should you use and when
A complete, honest comparison of RAL, Pantone and HEX color systems. Understand their technical foundations, use cases, and how to choose the right one for your project.
Read article → CSS · 15 minThe Complete CSS Shadow Guide: box-shadow, drop-shadow, and text-shadow explained
Master all three CSS shadow techniques. Learn the differences, parameters, real-world patterns, and performance tips with live examples.
Read article →