Slumpmässig färggenerator

Slumpfärger

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. 1

    Välj antal

    Ange valfritt nummer från 1 till 50 beroende på hur många färgrutor du vill granska.

  2. 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. 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