Δ Banner Font
ⓘ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.
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:
ⓘInstantly picks a random palette, gradient style, and social-media-ready size. Keyboard shortcut: just press R.
🔤 Font Settings
📂 Palette Management
HFA idle preview
Select a 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.
rgb(255, 0, 0) rgba(255, 0, 0, 1.00) hsv(0°, 100%, 100%) hsva(0°, 100%, 100%, 100%) hsl(0°, 100%, 50%) hsla(0°, 100%, 50%, 100%)
Hue 0° ⓘHue is the color's position on the color wheel (0–360°). Red is 0°, green ~120°, blue ~240°.
Sat 100% ⓘSaturation is how vivid the color is. 0% is gray; 100% is the pure, most-intense color.
Bright 100% ⓘBrightness is how light or dark the color is. 0% is black; 100% is fully lit.
Alpha 100% ⓘAlpha is the color's opacity. 0% is fully transparent; 100% is fully solid.
My Palette
No saved colors yet.
Recent History
No history yet.
🧭 Visual App Tour — TBA

A guided tour of HFA is on the way.