Softonic

Slumpmässig färggenerator

Steg 1 / 4 Slumpfärger
Nästa: palett

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

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.

HTML-teckenreferens

En sökbar lista över HTML-entiteter med deras namngivna och numeriska koder samt kopiering med ett klick för specialtecken och symboler.

Referens för kortkommandon

Sök dokumenterade standardkommandon för VS Code, Chrome och Bash med GNU Readline i macOS, Windows och Linux.

E-postvalidator

Validera en e-postadress: RFC 5322-syntaxkontroll, live-slagning av MX-poster samt detaljer om lokal del, domän och längd. Ingen e-post skickas.

EditorConfig-generator

Bygg en .editorconfig utifrån dina regler för indrag, radslut och teckenuppsättning, och lägg till en korrekt sektion för varje språk i repot: Python, Go, YAML, Makefile med flera.

Generator för platshållarbilder

Skapa en bild på 1–4000 px med egna färger och text, ladda ned PNG eller kopiera webbadress och HTML.

Verktyget finns på andra språk