Design Tools

Essential design tools for creating beautiful color schemes and shareable QR codes. Pick colors, generate harmonies, build cohesive palettes, and generate QR codes.

Color Picker

Open Tool

QR Code Generator

Open Tool

Design Tools for Color Palettes and QR Codes

Use this hub when a project needs visual assets: picking and converting colors between HEX, RGB, and HSL, building shade and harmony palettes for a UI, sampling colors directly from a reference image, or generating a QR code for a link, Wi-Fi network, or contact detail. Everything runs client-side, so your colors and content stay private.

Recommended Workflows

UI Color Workflow

  1. Pick a base color visually
  2. Generate shades, tints, and tones
  3. Build a complementary or analogous palette
  4. Copy the HEX, RGB, or HSL value into your CSS

Sharing Workflow

  1. Pick your brand color
  2. Generate a QR code for a link or Wi-Fi network
  3. Match the QR code colors to your brand