TechTools

Color Palette Generator

#3ce0f6

187° 91% 60%

#3cb2f6

202° 91% 60%

#3c83f6

217° 91% 60%

#3c55f6

232° 91% 60%

#523cf6

247° 91% 60%

HEXRGBHSL
#3ce0f6rgb(60, 224, 246)hsl(187, 91%, 60%)
#3cb2f6rgb(60, 178, 246)hsl(202, 91%, 60%)
#3c83f6rgb(60, 131, 246)hsl(217, 91%, 60%)
#3c55f6rgb(60, 85, 246)hsl(232, 91%, 60%)
#523cf6rgb(82, 60, 246)hsl(247, 91%, 60%)

Privacy First: Your files are processed securely. Whenever possible, processing happens in your browser and files are never stored on our servers.

Create beautiful color palettes from any hex color. Choose from 7 harmony modes: Analogous, Complementary, Triadic, Tetradic, Split-Complementary, Monochromatic, and Shades. Each palette shows 5 swatches with HEX, RGB, and HSL values. A 9-stop lightness scale is shown for the seed color. Copy all colors as plain HEX, CSS custom properties (--color-1 … --color-5), or a JSON array. Save palettes within the session. Random seed button for inspiration.

How to Use

  1. 1Enter a seed hex color or use the color picker, or click the random button
  2. 2Choose a harmony mode (Analogous, Complementary, Triadic, etc.)
  3. 3Click any swatch to copy its HEX value to clipboard
  4. 4Click 'HEX' to copy all 5 colors, 'CSS Vars' for CSS custom properties, or 'JSON' for an array
  5. 5Click 'Save' to preserve the current palette for comparison
  6. 6Use the lightness scale strip for shade variants of the seed color

Features

  • Seed color via color picker or hex input
  • 7 harmony modes: Analogous, Complementary, Triadic, Tetradic, Split-Complementary, Monochromatic, Shades
  • 5-color palette displayed with HEX, RGB, and HSL values for each swatch
  • 9-stop lightness scale strip for the seed hue
  • Click any swatch to copy its HEX value
  • Copy all colors as HEX list, CSS custom properties (:root { --color-1: … }), or JSON array
  • Save multiple palettes within the session
  • Random seed button for instant inspiration
  • 100% browser-based

Frequently Asked Questions

Guest PlanUpgrade
Operations today0 / 3
5 MB max fileNo batch
Upgrade for more

/ related tools

JSON Formatter
QR Code Generator
Crypto & Currency Converter
HTML, CSS & JS Editor

Community Feedback

Like

00

Total Rating

No ratings yet

Reviews

No reviews yet. Be the first!

Rate & Review

Was this tool helpful?

Rate this tool:

Write a Review

0/500

/ share this tool

Twitter/XLinkedIn