🎨 Color Tuner

Color Tuner

🎨 Fine-tune your palette with HSLuv

Paste your color variables here

Output

--green-50: #ecfdf5;
--green-100: #d0fae5;
--green-200: #a7f3d0;
--green-300: #6ee7b7;
--green-400: #33dd99;
--green-500: #10b981;
--green-600: #059669;
--green-700: #047857;
--green-800: #065f46;
--green-900: #064e3b;

Color

Average

--green-50

--green-100

--green-200

--green-300

--green-400

--green-500

--green-600

--green-700

--green-800

--green-900

Hue

Saturation

Lightness

152.6

84.3

67.6

Preview

Source