Generator för slumpmässiga färgpaletter
En användbar palett kräver mer än orelaterade slumpfärger. Generatorn skapar 2 till 15 kopieringsklara HEX-rutor i vald stil, livlig, pastell, dämpad eller mörk, så att du snabbt kan utforska UI-accenter, diagramfärger, sociala grafiker och tidiga varumärkesriktningar.
Så skapar du en slumpmässig palett
-
1
Välj stil
Livlig höjer mättnaden för tydliga gränssnitt, pastell håller färgerna ljusa, dämpad sänker intensiteten och mörk håller sig till djupare toner.
-
2
Ställ in antal färger
Skapa ett kompakt par eller en större uppsättning med upp till 15 färgrutor för diagram, UI-tillstånd eller moodboards.
-
3
Generera eller byt seed
I funnel-läget kan ett seed sparas för en upprepningsbar palett, medan den klassiska generatorn skapar en ny uppsättning varje gång.
-
4
Kopiera resultatet
Klicka på en färgruta för att kopiera dess HEX-kod, eller exportera hela paletten som HEX-lista eller CSS custom properties.
Snabbguide till stilar
| Stil | Passar bäst för | Kontrollera |
|---|---|---|
| Livlig | Produktgränssnitt, kampanjgrafik, diagram som behöver tydlig separation | Använd inte alla rutor med full styrka i samma layout |
| Pastell | Lugna bakgrunder, mjuka illustrationer, subtila accentsystem | Säkerställ att textkontrasten fortfarande är tillräcklig |
| Dämpad | Redaktionella layouter, dashboards, mogna varumärkessystem | Lägg till en tydligare accent om uppsättningen känns för platt |
| Mörk | Mörka gränssnitt, datavisualiseringar och block med hög effekt | Testa ljus text och fokuslägen före publicering |
Praktiska tips
- Ge varje färg en roll. En UI-palett behöver oftast en dominerande ytfärg, en eller två stödfärger och några få accenter.
- Kontrollera kontrast parvis. En palett kan se bra ut som färgrutor men ändå falla när text placeras ovanpå. Testa de faktiska kombinationerna av förgrund och bakgrund som ska publiceras.
- Använd seed när du behöver upprepning. Om paletten nästan fungerar, skapa ett nytt seed; om den fungerar, spara seedet i projektanteckningarna så att du kan återskapa den senare.
Praktiska format
Generatorn ger HEX eftersom formatet fungerar bra mellan designverktyg, CSS och dokumentation. HSL är användbart när du vill tänka i nyans, mättnad och ljushet. OKLCH är värt att lära sig för tillgängliga designsystem eftersom det ger ett mer perceptuellt jämnt sätt att resonera om lightness och chroma.
Vanliga frågor
Slumpad nyans räcker inte. Paletter blir mer användbara när mättnad och ljushet varierar efter roll: till exempel en ljus yta, en mellanton som stöd och en starkare accent.
Dämpad eller pastell är oftast enklast att presentera eftersom typografi, foto och luft får utrymme. Livliga paletter kan fungera väl, men kräver mer disciplin.
Ja: kopiera en enskild färgruta som HEX, hela paletten som en mellanslagsseparerad HEX-lista eller ett block med CSS custom properties från exportsteget.
Nej. Använd de genererade färgerna som startpunkt och kontrollera sedan de exakta text- och bakgrundspar som ska användas mot WCAG:s kontrastråd före publicering.
Relaterade verktyg
ASCII-tabellreferens
Full ASCII-tabell från 0 till 127 med decimal-, hex-, oktal- och binärvärden samt notation för numeriska HTML-referenser, inklusive NUL, LF och DEL.
Binär till oktal-konverterare
Konvertera binärt till oktalt genom att gruppera bitar tre och tre. Användbart för Unix-rättigheter, äldre system och kompakt numerisk visning.
Binär till ASCII-konverterare
Klistra in binärdata (mellanslagsseparerade bytes eller en lång bitström) och få ASCII-texten den representerar. Hanterar 7-bitars och 8-bitars kodningar.
Färgpalettgenerator
Skapa monokromatiska, analoga, komplementära, triadiska eller tetradiska färgpaletter från en HEX-basfärg och exportera kopieringsklara CSS-variabler.
Binär till decimal
Konvertera binära tal till decimal direkt. Visar positionsutvecklingen så att du ser hur varje bit bidrar.
Binär till hex-konverterare
Konvertera binär inmatning till ett vanligt hexadecimalt värde med versaler. Icke-binära tecken ignoreras och inledande nollor bevaras inte.