Gratis

Färgpalettgenerator

Harmoniera temana. Leta komplementära färger eller triader snabbt. CSS format stöds fullt ut.

Dina filer lämnar aldrig din enhet
10:00 kvar
#A11B4A
rgb(161, 27, 74)
hsl(339°, 71%, 37%)
#8320C5
rgb(131, 32, 197)
hsl(276°, 72%, 45%)
#7A8CDC
rgb(122, 140, 220)
hsl(229°, 58%, 67%)
#98402F
rgb(152, 64, 47)
hsl(10°, 53%, 39%)
#D59681
rgb(213, 150, 129)
hsl(15°, 50%, 67%)

Relaterade verktyg

Lås upp gränser

Få obegränsad tillgång till alla premiumverktyg och funktioner för att turboladda ditt arbetsflöde.

Uppgradera till Pro

Vad är Färgpalettgenerator?

Generatorn tar fram snabbt färgval lämpat för UI / UX design, utifrån HEX val och automatiskt anpassade kontrast regleringar.

Så använder du Färgpalettgenerator

  1. Välj bas-färg för hjulet via hex kod.
  2. Avgör regel basering (komplementär, analog).
  3. Tryck 'Lås' ikonen på en specifik färg du föredrar behålla.
  4. Generera om paletten. Endast öppna kommer ändras.
  5. Dela eller spara för Tailwind, Web CSS syntax.

Funktioner

  • Spännande harmonimetoder likt monokromt, triadiskt
  • Visuellt färghjul som reagerar med HSL och RGB inputs
  • Färglåsning för iterativ palettdesign
  • WCAG kontrast checker
  • Export i variabler till CSS / Tailwind / SCSS
  • Nedladdning av bild PNG karta

Vanliga frågor

Vad finnes för lägen i systemet för skapande?▼
Sex stycken vanliga hjul teorier t ex komplementär och monokrom fungerar smidigt.
Kan paletten bli till CSS format automatiskt?▼
Ja, output formateras blixtsnabbt för dev.
Hur säkrar jag text-läsning accessibility?▼
Tjänsten innehar kontrast mätare för test WCAG AA nivå.
Hur låser jag favoritfärg i nyans?▼
Aktivera klickfunktionen the pad-lock och tryck skapa fler igen. Då bevaras din key-color tryggt.