Tools
handmade tools
Home
Greatest Hits
QR Generator
Palette Generator
Background Remover
Developer Tools
Regex Tester
Encoding Tools
JSON Formatter
URL Parser
YAML / TOML / XML Formatter + Converter
UUID / ULID / NanoID Generator
SQL Formatter
JWT Decoder / Inspector
Markdown Preview / Markdown ↔ HTML
Case Converter / Slugify
Text Diff / Compare
Calculators
Scientific Calculator
Graph Calculator
Algebra Calculator
Base Converter
Time Calculator
Unit Converter
Social Media
Social Media Cropper
Matte Generator
Seamless Scroll Generator
Watermarker
Color
Color Converter
Tailwind Shade Generator
Harmony Generator
Palette Generator
Palette Collection
Contrast Checker
Color Blindness Simulator
Gradient Generator
Images & Assets
Favicon Generator
SVG Optimizer
Placeholder Generator
Image Splitter
Image Converter
Artwork Enhancer
Background Remover
Image Tracer
Typography & Text
PX to REM
Line Height Calculator
Typography Calculator
Paper Sizes
Word Counter
Glyph Browser
Font File Explorer
Print & Production
PDF Preflight
Guillotine Director
Zine Imposer
Other Tools
Text Scratchpad
Tailwind Cheat Sheet
QR Generator
Barcode Generator
Meta Tag Generator
No logins. No tracking.
Toggle Sidebar
Harmony Generator
Color
Harmony Generator
Color
Generate color harmonies
Base Color
Harmony Type
Complementary
Analogous
Triadic
Split-Complementary
Tetradic (Square)
Monochromatic
Double Complementary
Compound
Pentadic
Analogous Accent
Golden Ratio
Near Complementary
Complementary
Two colors opposite on the color wheel
Harmony Colors
Copy All
CSS Variables
#3b82f6
Base
Click to copy
#c17400
+180°
Click to copy
All Harmonies
Complementary
Two colors opposite on the color wheel
Analogous
Three colors adjacent on the wheel
Triadic
Three colors evenly spaced (120° apart)
Split-Complementary
Base color plus two adjacent to its complement
Tetradic (Square)
Four colors evenly spaced (90° apart)
Monochromatic
Single hue with varying lightness
Double Complementary
Two complementary pairs forming a rectangle
Compound
Analogous colors plus their complements
Pentadic
Five colors evenly spaced (72° apart)
Analogous Accent
Analogous colors with a complementary accent
Golden Ratio
Colors spaced by the golden angle (137.5°)
Near Complementary
Slightly off-complement for softer contrast