Slumpmässig färggenerator
Generera en ny uppsättning slumpmässiga HEX-färgkoder från det 24-bitars sRGB-området. Välj hur många färgrutor du behöver, förhandsvisa varje färg direkt och kopiera koderna till CSS, designanteckningar, QA-fixtures eller palettexperiment.
Så genererar du slumpmässiga HEX-färger
-
1
Välj antal
Ange valfritt nummer från 1 till 50 beroende på hur många färgrutor du vill granska.
-
2
Generera färgrutorna
Varje resultat är en sexsiffrig HEX-kod i formen #RRGGBB, med separata värden för röd, grön och blå kanal.
-
3
Kopiera och testa
Spara färgerna du gillar, kontrollera kontrasten innan de används med text och konvertera till RGB eller HSL bara om arbetsflödet kräver det.
Vad generatorn skapar
Varje kod representerar en sRGB-färg med 24 bitar: 8 bitar för rött, 8 för grönt och 8 för blått. Det ger 16 777 216 möjliga HEX-värden, från #000000 till #FFFFFF. Verktyget visar färgrutan och koden; det namnger inte färgen, rangordnar den inte och garanterar inte läsbarhet.
Läsa en HEX-färg
| Del | Betydelse | Intervall |
|---|---|---|
# |
CSS-färgmarkör | Fast prefix |
RR |
Röd kanal | 00 till FF |
GG |
Grön kanal | 00 till FF |
BB |
Blå kanal | 00 till FF |
Praktiska användningar
- Skissa UI-lägen, diagramaccenter eller tillfälliga bilder när exakt färgval fortfarande är öppet.
- Bygga en första palett och sedan ta bort färger som är för lika, för mörka eller för skarpa.
- Skapa testdata för CSS, SVG, canvas och exempel i designsystem.
Innan du använder en slumpfärg i produktion
En slumpfärg är bara en startpunkt. För text, knappar och kontroller ska den testas mot förgrunds- eller bakgrundsfärgen. WCAG AA kräver kontrastförhållandet 4,5:1 för normal text och 3:1 för stor text. För varumärke eller tryck bör färgen granskas på kalibrerade skärmar och konverteras separat för tryck.
Vanliga frågor
Slumpmässig HEX täcker alla kanalvärden, så många resultat ser inte ut som färdiga palettfärger. Generera ett större urval och behåll färgrutor med tillräcklig kontrast och mättnad för ditt användningsfall.
Det här verktyget skapar oberoende slumpfärger. För en mer sammanhållen palett kan du använda en palettgenerator eller manuellt hålla dig inom en färgfamilj med ljusare och mörkare varianter.
Det finns ingen seed-kontroll i det här verktyget. Kopiera HEX-koderna du vill spara så att du kan återanvända dem senare.
Ja. Sexsiffriga #RRGGBB-värden är standardiserad CSS-syntax för färger och fungerar i egenskaper som color, background-color, kantlinjer, gradienter och SVG-fyllningar.
Inte utan kontrastkontroll. En slumpmässig färgruta kan lätt missa WCAG-kraven, särskilt bakom liten text eller en tunn typsnittsvikt.
Relaterade verktyg
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.
Base64 till Hex-konverterare
Konvertera en Base64-sträng till dess underliggande bytes uttryckta som hexadecimal. Användbart för att inspektera tokens, nycklar, certifikat och JWT:er.
Färgpalettgenerator
Skapa monokromatiska, analoga, komplementära, triadiska eller tetradiska färgpaletter från en HEX-basfärg och exportera kopieringsklara CSS-variabler.
BBCode till HTML-konverterare
Konvertera BBCode (bulletin board-markup) till ren HTML. Hanterar formateringstaggar, listor, citat, kod, bilder, länkar och tabeller.
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.
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.