Hoppa till innehall

Fargpalettgenerator

WCAG contrast: at least 4.5:1 for normal text, 3:1 for large text.
Palette

Populära utvecklarverktyg

Så använder du verktyget

  1. Pick a base color (HEX).
  2. Choose a scheme (complementary/analogous/triadic) and count.
  3. Generera the palette.
  4. Kopiera HEX/CSS variables and check contrast (WCAG).

Så tolkar du resultatet

  • Palettes are generated using HSL harmony rules. In real UI, you usually fine-tune saturation/lightness.
  • If contrast is below 4.5:1, normal text readability may suffer.
  • Auto text color chooses black/white with better contrast.
  • Before shipping, test with your font size and actual background/surface colors.

Vanliga frågor

Skickas mina uppgifter till en server?

Nej. När det är möjligt sker bearbetningen lokalt i din webbläsare och vi lagrar inte dina inmatningar eller resultat på våra servrar. (Nätverksanrop kan fortfarande förekomma vid sidladdning och annonser.)

Vad ska jag kontrollera om utdata ser fel ut?

Kontrollera inmatningskodning (UTF‑8), radbrytningar (CRLF/LF), blanksteg/citattecken och alternativ. För känsliga värden, följ din säkerhetspolicy.

Hur kan jag förbättra en palett som ser fel ut?

Justera basfärgen (mättnad/ljusstyrka) eller byt schema (komplementär/analog). För UI, kontrollera alltid kontrast (WCAG).