slumpmässig taljare

Slumpfärger

Välj en slumpmässig färg från det fullständiga 24-bitars RGB-utrymmet och se hur den visas som ett stort provbild med alla vanliga representationsformer bredvid: hex (#a3e1b4), RGB (rgb(163, 225, 180)), HSL samt CSS-namnade färgen vid matchning. Klicka på provbildet för att upprepa experimentet.

Hur du genererar en slumpmässig färg

  1. 1

    Klicka för att skapa

    Tre slumpmässiga byte (0–255) utgör R-, G- och B-kanalerna.

  2. 2

    Läs alla format

    Hex, RGB, HSL och HSV visas alla; kopiera den variant som används i din stilblad.

  3. 3

    Lås om du vill

    Om resultatet ligger nära vad du vill ha, aktivera "låsa nyans" för att behålla nyansen och endast justera ljusstyrka och mättnad.

Färgutrymmet

Generatören använder 24-bitig RGB-kodning, vilket ger 16 777 216 möjliga färger. Det är samma färgomfång som din skärm kan visa, även om vissa färger hamnar i de mörkare eller mindre färgrika delarna – svåra att skilja åt.

Hur varje format representerar samma färg

Format Syntax Bytes per kanal
Hex #RRGGBB 8 bitar
RGB rgb(R, G, B) 8 bitar
HSL hsl(H, S%, L%) Avledd
HSV hsv(H, S%, V%) Avledd
OKLCH oklch(L C h) Perceptuellt enhetlig

Varför kan ren slumpseffekt se otydlig ut

En slumpmässig RGB-färgfunktion ger oftast upplevelse av mörka, dessaturerade färger snarare än ljusa och livfulla färger. Om du vill få mer intensiva resultat, rulla om med HSL med mättnad låst över 60 % och ljusstyrka mellan 45 % och 65 % – då får du färger som passar en tidningsomslag istället för lerfärg.

Tillgänglighet

Par varje genererad färg med vit eller svart text och kontrollera WCAG:s kontrastförhållande innan du använder den som bakgrund för en knapp. För huvudtext är det minsta förhållandet 4,5:1; för stor text är det 3:1.

Vanliga frågor

Eftersom största delen av RGB-rymden ligger i mörkheten och den mellersta regionen är dessaturerad, innehåller endast en tunn skikt nära kanterna livfulla färger. För levande resultat rekommenderas att generera i HSL eller OKLCH med begränsad saturering.

Använd färgfärgslutningsläget (vid exponering): välj en färg i grader och verktyget ändrar endast mättnad och ljusstyrka. Användbart för att utforska toner i varumärkesfärgen.

Det finns för närvarande ingen sådd läge – varje klick ger en oberoende valfördelning från kryptografiskt slumpmässigt genereringsystem (RNG). Kopiera hexkoden för att bevara färgen.

ungefär. Hexkoder är enhetsrelativa: en kalibrerad sRGB-skärm visar dem exakt, medan en billig bärbar dator förskjuter dem mot blått. För tryckning bör man omvandla till CMYK innan man litar på utseendet.

Relaterade verktyg