Hoppa till innehåll
TextArray
100% lokalt

Slumpmässig färggenerator

Generera slumpmässiga färger som HEX, RGB eller HSL, med ljusa, mörka, pastellfärgade och levande paletter.

Utmatning

Slumpmässig färggenerator

Generera allt från en till hundra slumpmässiga färger med ett enda klick. Varje färg landar på sin egen linje som ett HEX-värde, en rgb()- eller hsl()-notation, eller alla tre sida vid sida, så att du kan klistra in utdata direkt i CSS, en designtoken-fil, en diagramkonfiguration eller ett kalkylblad. Genom att ändra antalet, formatet eller paletten beräknas listan omedelbart.

Slumpmässiga färger är användbara oftare än det verkar: platshållarbakgrunder för kort och avatarer, distinkta seriefärger för ett snabbt diagram, frövärden för en moodboard, testdata för ett temasystem eller helt enkelt en väg ut ur ett kreativt hjulspår. Eftersom en färg som ritas likformigt från den fullständiga RGB-kuben vanligtvis är lerig, fungerar denna generator i HSL-utrymme istället och begränsar mättnad och ljushet per palett: Ljus behåller ljusheten mellan 70 och 90 procent, Mörkt förblir mellan 10 och 35, Pastell parar en mjuk mättnad på 25 till 45 procent med hög ljusstyrka vid 5 till 0 procent med hög ljusstyrka vid 5 till 0 procent, lätthet. Alla tar bort begränsningarna helt.

Inkludera alfa lägger till en slumpmässig opacitet till varje färg och skriver ut den i varje notation - ett 8-siffrigt HEX-värde, rgba() och hsla(). En färg per rad betyder att utgången ansluts direkt till färgomvandlaren eller kontrastkontrollen när du vill inspektera ett värde ytterligare.

Allt körs lokalt i din webbläsare: ingen förfrågan skickas, ingenting loggas och slumpen kommer från de kryptografiskt säkra crypto.getRandomValues, samplade med avslag så att varje värde i ett intervall är lika troligt.

FAQ

Laddas färgerna upp någonstans?
Nej. De genereras helt i din webbläsare och lämnar aldrig din enhet. Inget skickas, lagras eller loggas.
Hur slumpmässiga är färgerna?
Nyans, mättnad och ljushet ritas med de kryptografiskt säkra crypto.getRandomValues, med hjälp av avvisningssampling så att det inte finns någon modulo-bias – varje värde i ett intervall är lika troligt.
Varför genererar verktyget i HSL istället för RGB?
HSL skiljer nyans från mättnad och ljushet, så en palett som "pastell" eller "livande" är bara en begränsning för två siffror. Varje färg konverteras sedan till RGB och HEX med vanlig matematik, så alla tre notationerna beskriver exakt samma färg.
Vad gör "Inkludera alfa"?
Den ger varje färg en slumpmässig opacitet mellan 0 och 1 och skriver ut den i varje notation: ett 8-siffrigt HEX-värde, rgba() och hsla().
Kan jag konvertera en genererad färg till en annan notation?
Välj "Alla tre" för att se HEX, RGB och HSL sida vid sida, eller klistra in valfri linje i färgomvandlaren för versaler hexadecimal, modern syntax och nyanspaletter.