# Färgnyansgenerator för mörkare nyanser

Skapa mörkare färgnyanser genom att blanda en färg med svart i jämna steg. Ange en färg i valfritt CSS-format, välj 2 till 20 steg och ett blandningsutrymme, så får du en tabell med HEX-, RGB-, HSL- och OKLCH-värden för varje nyans, med start från originalfärgen. Blandning i sRGB ger samma resultat som klassiska verktyg för mörkare nyanser och Sass, medan OKLab ger jämna steg sett till hur vi uppfattar färger. Perfekt för att skapa UI-färgskalor.

## Vanliga frågor

### Vad är en mörkare nyans?

En mörkare nyans är en färg som blandats med svart. Den behåller sin nyans och blir mörkare, till skillnad från en ljusare nyans som blandats med vitt eller en ton som blandats med grått.

### Hur fördelas stegen?

Med N steg blandas färgen med (k - 1) / N svart på rad k, så 10 steg ger 0 %, 10 %, 20 % och så vidare upp till 90 %. Den första raden visar alltid originalfärgen, och rent svart ingår aldrig i listan.

### Vad är skillnaden mellan blandning i sRGB och OKLab?

Blandning i sRGB beräknar medelvärdet av de gammakodade kanalvärdena, vilket är vad Sass och mix() gör med svart, liksom de flesta klassiska generatorer för mörkare nyanser. Blandning i OKLab sker i ett perceptuellt färgrymd, så stegen ser jämnare ut i ljushet och de mörkare nyanserna behåller mer av sin färg.

### Vilka indatformat kan jag använda?

Hexkoder med eller utan #, CSS-färgnamn, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() och cmyk(). Ange en färg per körning.

### Hur många mörkare nyanser kan jag skapa?

Mellan 2 och 20 per körning, 10 som standard. Antalet inkluderar originalfärgen på den första raden.

### Vilka värden visas i tabellen?

För varje steg visas andelen svart, hexkoden, rgb(), hsl() och oklch() i modern CSS-syntax. RGB-kanaler anges som heltal, HSL-procenttal med upp till två decimaler och OKLCH-ljushet och krominans med upp till fyra.

### Vad händer med transparenta färger?

Indatavärdets alfa bevaras för varje mörkare nyans, eftersom svart blandas in med samma alfa. Hexkoderna får då 8 siffror och funktionerna CSS avslutas med alfa efter ett snedstreck.

### Vad händer med färger utanför sRGB?

Blandningen använder hela färgen, men HEX, RGB och HSL kan bara visa sRGB, så steg utanför färgomfånget mappas till sRGB med algoritmen i CSS Color 4 i dessa kolumner. OKLCH-kolumnen behåller det omappade värdet.

### Hur använder jag de mörkare nyanserna i CSS?

Kopiera hex- eller oklch()-värdena till anpassade egenskaper, till exempel --brand-600 och --brand-700. Om du i stället vill blanda i webbläsaren ger color-mix(in oklab, var(--brand) 80%, black) samma mörkare nyans på 20 % som med inställningen OKLab.

### Är mörkare nyanser automatiskt tillgängliga?

Nej. Kontrollera textens kontrast mot varje nyans med en kontrastkontroll, eftersom en nyans som ser mörk ut ändå kan understiga 4.5:1 mot en annan mörk färg eller färgad text.

Vill du annonsera här?

[Mejla oss](mailto:hi@dennn.is?subject=Annonsera%20p%C3%A5%20OneClick%20Pro)

[Annons Pluginpaketet för agenter för WordPress.](https://sleekwp.com/?ref=oneclickpro)