Vad färggeneratorn gör
Varje tryck på Generera väljer en ny färg slumpmässigt och visar dess kod i tre format: HEX, RGB och HSL. Palettläget ger dig fem färger på en gång – lås dem du gillar och slumpa om resten tills uppsättningen känns rätt.
En kontrollruta för kontrast finns bredvid varje färg. Den visar hur läsbar vit text och svart text skulle vara ovanpå den, med samma kontrastvärde som riktlinjerna för webbtillgänglighet (WCAG) använder.
Så använder du den
- Tryck på Generera (eller mellanslag) för att få en ny slumpmässig färg.
- Kopiera värdet du behöver. HEX-koder som #3A7BD5 passar de flesta designverktyg och webbsidor, RGB anger röda, gröna och blå delar, och HSL beskriver nyans, mättnad och ljushet.
- Byt till palettläge för att se fem färger bredvid varandra.
- Lås varje färg du vill behålla. När du genererar igen ändras bara de olåsta färgerna.
- Kontrollera kontrasten. Varje färg visar sitt värde mot vit och svart text, så att du direkt ser vilken som är lättast att läsa.
Så kan du använda en färgpalettsgenerator
Designprojekt
Kör du fast på färgsättningen till en affisch, ett bildspel, en webbplats eller en inbjudan? Generera en palett, lås en eller två färger som känns rätt och fortsätt slumpa tills resten faller på plats.
Konst och teckningsövning
Ge dig själv en utmaning: måla eller rita något med bara de fem färgerna på skärmen. Slumpmässiga begränsningar får dig att blanda, lägga lager och prova kombinationer du aldrig skulle välja med flit.
Kodning och testning
En slumpmässig hexfärg är smidig för platshållarbakgrunder, testdata och snabba temaexperiment. Kopiera koden direkt in i din stilmall.
Pyssel och hemidéer
Stickning, quiltning, kortmakeri och att måla om ett rum börjar alla med ett färgval. Använd paletten som utgångspunkt och justera sedan efter materialet du har.
Färglektioner i klassrummet
Visa eleverna hur HEX, RGB och HSL beskriver samma färg på olika sätt. Kontrastkontrollen är ett enkelt sätt att förklara varför viss text är svårläst på vissa bakgrunder.
Tips för att arbeta med färger
- Läs en HEX-kod parvis. De sex tecknen efter # är tre par för rött, grönt och blått, vart och ett från 00 (inget) till FF (fullt).
- Använd HSL för ljusare eller mörkare versioner. Behåll nyansen och ändra ljusheten för att få toner och skuggor av en färg i ditt eget designverktyg.
- Sikta på bra kontrast. WCAG AA kräver ett förhållande på minst 4,5:1 för normal text och 3:1 för stor text.
- Lås först, slumpa sedan. Om du redan har en färg du älskar, lås den och låt generatorn föreslå de andra.
- Skärm och papper skiljer sig. Färger kan se annorlunda ut i tryck, så testa ett prov före ett stort tryckjobb.
- Behöver du konstidéer också? Kombinera en palett med slumpmässiga bilder eller en lista med saker att rita.
Frågor
Hur får jag en slumpmässig hexfärg?
Tryck på Generera så visas HEX-koden bredvid den nya färgen, tillsammans med RGB- och HSL-värdena, färdiga att kopiera.
Vad är skillnaden mellan HEX, RGB och HSL?
De är tre sätt att skriva samma färg. HEX och RGB anger båda mängder rött, grönt och blått, medan HSL beskriver nyansen, hur stark den är och hur ljus den är.
Kan jag göra en hel färgpalett?
Ja. Palettläget visar fem färger på en gång. Lås dem du vill behålla och generera igen för att byta ut bara de andra.
Vad betyder kontrastkontrollen?
Den visar kontrastvärdet mellan färgen och vit eller svart text. Ett högre värde betyder att texten är lättare att läsa, och 4,5:1 eller mer är det vanliga målet för normal text.
Kan jag använda färgerna i mina egna projekt?
Ja. Kopiera vilken kod som helst och klistra in den i ett designverktyg, en stilmall eller en app som tar emot färgkoder.
Är färggeneratorn gratis?
Helt gratis och utan registrering. Färgerna skapas i din webbläsare, och webbplatsen sätter inga cookies.
Senast uppdaterad 2 oktober 2026