slumpmässig taljare
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
Klicka för att skapa
Tre slumpmässiga byte (0–255) utgör R-, G- och B-kanalerna.
-
2
Läs alla format
Hex, RGB, HSL och HSV visas alla; kopiera den variant som används i din stilblad.
-
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
Generatör för slumpmässig färgpalett
Skapa femfärgspaljer baserade på en slumpmässig grundfärg, med komplementära, analoga och triadiska varianter.
Färgpalettgenerator
Generera en harmonisk palett med 4-8 färger från en basfärg med komplementära, analoga, triadiska och delade komplementscheman.
slumpmässig littergenerator
Generera slumpmässiga bokstäver från det engelska alfabetet. Välj skriftstil, inkludera duplikater eller unika val och ange antalet.
HEX-färgväljare
Välj valfri färg visuellt och få dess HEX-, RGB-, HSL-, HSV- och CMYK-värden, plus tillgänglighetskontrast mot vitt och svart.
JSON-formaterare
Formatera och snyggt utskriv JSON med justerbar indragning, sorterade nycklar och inline-validering som markerar fel på exakt position.
slumpmässig nummergenererare
Generera trovärdiga namn på engelska från populära listor över förnamn och familjenamn. Välj kön, antal och format.