Create beautiful, colorful designs very quickly and easily.
📐 Social Media Presets
🎨 Change Tab 2 Colors
3 Ways to Change Colors:
Use the Color Wheel
Enter the Color's Hex Code, e.g. #17287B
Enter the Color's HTML Color Name, e.g. Indigo
Page & Highlight
Text
Buttons
Palette / History Cards
🎨 Change Tab 1 Colors
3 Ways to Change Colors:
Use the Color Wheel Click any of the 'Basic Colors' or anywhere inside the square
colorwheel Click and hold the arrow icon next to the vertical bar
to move the arrow up or down to increase or decrease
the brightness of any given color.
Enter the Color's Hex Code, e.g. #17287B
Enter the Color's HTML Color Name, e.g. Indigo (Case Sensitive)
Page & Highlight
Cards
Gradient Controls
📐 Choose an Aspect Ratio
🎨 Choose Gradient Style
🎨 Choose a Category
🎨 Choose a Palette
ⓘFilter palettes by theme — LGBTQ+,
Disability, Cultural Pride (Color palette ideas are welcomed), and many more.
Palette:ⓘPick a specific palette to color your gradient. Star (☆) saves favorites; the filled star shows only your favorites.
ⓘChoose the shape of the gradient — Horizontal, Vertical, Diagonal, Radial, Conical, Liquid Blur, Noise, or Lava Lamp.
ⓘType anywhere from 2-4 letters of the
palette or category you're looking for to filter by palette or category.
As you type, you'll often notice that it only requires 2-3 letters depending on the name.
Clear the box to show all palettes again.
Aspect Ratio:ⓘAspect ratio is the shape of your image — how wide vs. how tall. Click "Custom" to pick one that fits Instagram, YouTube, TikTok, etc.
W:
H:
ⓘOutput size in pixels — width × height. Choose a Social Media Preset or Aspect Ratio to set these automatically.
ⓘInstantly picks a random palette, gradient style, and social-media-ready size. Keyboard shortcut: just press the letter r key once to see a random gradient, or
multiple times to see a variety of random gradients.
ⓘOne-tap sizes for Instagram, Pinterest, Facebook and more — sets the width and height for you.
NO ONE in this WORLD deserves to be
legally or societally treated as an option; to be disrespected, victimized and exploited; to be
denied basic human rights and equal opportunity; equal justice; equal protection; and then
discarded and forgotten like they were trash. NO ONE in this WORLD!!
Select Category/Palette to begin
A Colorful Celebration of Equality, Diversity & Inclusion
A Dedication to the UNDERESTIMATED, UNDERVALUED, MISTREATED, ABUSED, DISCRIMINATED, DISCARDED
and FORGOTTEN; ANYONE who's EVER been treated like they were somehow 'less than', sub-human, or were
EVER denied their Basic Human Rights AND Needs: The Missing / the Abused / the Exploited / the
Murdered, the LGBTQ+ / Trans / Non-binary Communities, Native Americans and -- ALL other -- POC and
Women/ The Body-Skin-shamed, the Disabled, the Mentally Ill, the Unhoused, the Immigrant /
Undocumented, the Addicted, and ALL other marginalized people, and those who serve and support them.
My Palette
No saved colors yet.
Recent History
No history yet.
Hue0°ⓘHue is the color's position on the color wheel (0–360°). Red is 0°, green ~120°, blue ~240°.
Sat100%ⓘSaturation is how vivid the color is. 0% is gray; 100% is the pure, most-intense color.
Bright100%ⓘBrightness is how light or dark the color is. 0% is black; 100% is fully lit.
Alpha100%ⓘAlpha is the color's opacity. 0% is fully transparent; 100% is fully solid.
Color modelsⓘFour ways to describe the same color. RGB = Red, Green, Blue (0–255). HSV = Hue, Saturation, Value (brightness). HSL = Hue, Saturation, Lightness. The "a" versions (rgba / hsva / hsla) add Alpha — opacity, from 0% see-through to 100% solid.
