# Farvenuancegenerator

Generér mørkere nuancer af en farve ved at blande den med sort i jævne trin. Indtast én farve i et vilkårligt CSS-format, vælg 2 til 20 trin og et blandingsfarverum, og få en tabel med HEX-, RGB-, HSL- og OKLCH-værdier for hver nuance, begyndende med den oprindelige farve. Blanding i sRGB svarer til klassiske nuanceværktøjer og Sass, mens OKLab giver perceptuelt jævne trin. Ideelt til at opbygge UI-farveskalaer.

## Ofte stillede spørgsmål

### Hvad er en nuance?

En nuance er en farve blandet med sort. Den beholder sin farvetone og bliver mørkere, i modsætning til en lysning, der blandes med hvid, eller en tone, der blandes med grå.

### Hvordan fordeles trinnene?

Med N trin blandes farven i række k med (k - 1) / N sort, så 10 trin giver 0 %, 10 %, 20 % og så videre op til 90 %. Den første række er altid den oprindelige farve, og ren sort indgår aldrig i listen.

### Hvad er forskellen på blanding i sRGB og OKLab?

Blanding i sRGB beregner gennemsnittet af de gammakodede kanalværdier, hvilket Sass mix() gør med sort, ligesom de fleste klassiske nuancegeneratorer. Blanding i OKLab foregår i et perceptuelt farverum, så trinnene ser mere jævne ud i lyshed, og de mørkere nuancer bevarer mere af deres farve.

### Hvilke inputformater kan jeg bruge?

Hexkoder med eller uden #, CSS-farvenavne, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() og cmyk(). Indtast én farve pr. kørsel.

### Hvor mange nuancer kan jeg generere?

Mellem 2 og 20 pr. kørsel, som standard 10. Antallet inkluderer den oprindelige farve i første række.

### Hvilke værdier viser tabellen?

For hvert trin vises andelen af sort, hexkoden, rgb(), hsl() og oklch() i moderne CSS-syntaks. RGB-kanaler er hele tal, HSL-procenter har op til to decimaler, og OKLCH-lyshed og -kroma har op til fire.

### Hvad sker der med gennemsigtige farver?

Inputtets alfaværdi bevares for hver nuance, fordi sort blandes i med samme alfaværdi. Hexkoderne har derfor 8 cifre, og CSS-funktionerne slutter med alfaværdien efter en skråstreg.

### Hvad sker der med farver uden for sRGB?

Blandingen bruger hele farven, men HEX, RGB og HSL kan kun vise sRGB, så trin uden for farverummet tilpasses sRGB med CSS Color 4-algoritmen i disse kolonner. OKLCH-kolonnen beholder den ikke-tilpassede værdi.

### Hvordan bruger jeg nuancerne i CSS?

Kopiér hex- eller oklch()-værdierne til brugerdefinerede egenskaber som --brand-600 og --brand-700. Hvis du vil blande i browseren i stedet, giver color-mix(in oklab, var(--brand) 80%, black) den samme nuance med 20 % som OKLab-indstillingen.

### Er mørkere nuancer automatisk tilgængelige?

Nej. Kontrollér tekstens kontrast mod hver nuance med et kontrastværktøj, for en nuance, der ser mørk ud, kan stadig ligge under 4.5:1 mod en anden mørk farve eller farvet tekst.

Din annonce her?

[Send os en e-mail](mailto:hi@dennn.is?subject=Annoncering%20p%C3%A5%20OneClick%20Pro)

[Annonce Pluginsamlingen, der er klar til agenter, til WordPress.](https://sleekwp.com/?ref=oneclickpro)