Farvetonegenerator
Generér toner af en farve ved at blande den med neutral grå i jævne trin. Det sænker mætningen, mens farvetonen bevares. Indtast én farve i et vilkårligt CSS-format, vælg 2 til 20 trin og et blandingsrum, og få en tabel med HEX-, RGB-, HSL- og OKLCH-værdier for hver tone, startende med den oprindelige farve. Nyttigt til afdæmpede paletter, deaktiverede tilstande, diskrete flader og roligere brandvarianter.
Ofte stillede spørgsmål
Hvad er en tone?
En tone er en farve blandet med grå. Den bevarer sin farvetone og bliver mere afdæmpet, i modsætning til en tint, der blandes med hvid, eller en shade, der blandes med sort.
Hvilken grå bruges?
sRGB-mellemgrå #808080, rgb(128 128 128). Lyse farver bliver derfor lidt mørkere, og mørke farver lidt lysere, når de nærmer sig den. Hvis du vil blande med en anden grå, kan du bruge Color Mixer med din egen grå.
Hvordan fordeles trinnene?
Med N trin blander række k farven med (k - 1) / N grå, så 10 trin giver 0 %, 10 %, 20 % og så videre op til 90 %. Den første række er altid din oprindelige farve, og ren grå indgår aldrig i listen.
Hvordan adskiller en tone sig fra at sænke HSL-mætningen?
Når HSL-mætningen sænkes, bevares HSL-lysstyrken, mens blanding med grå også trækker lysstyrken mod midten. Toner ser derfor ud, som om farven ses gennem et gråt filter, hvilket egner sig til afdæmpede baggrunde og deaktiverede tilstande.
Hvad er forskellen på blanding i sRGB og OKLab?
sRGB-blanding beregner gennemsnittet af de gammakodede kanalværdier, den klassiske metode i malingslignende toneoversigter og Sass mix(). OKLab-blanding foregår i et perceptuelt farverum, så kromaen aftager mere jævnt fra trin til trin.
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 toner 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 grå, hex-koden, rgb(), hsl() og oklch() i moderne CSS-syntaks. RGB-kanaler er hele tal, HSL-procenter har op til to decimaler, og OKLCH-lysstyrke og -kroma har op til fire.
Hvad sker der med gennemsigtige farver og farver med stort farverum?
Inputalpha bevares for hver tone, så hex-koderne derefter har 8 cifre. Trin uden for farveskalaen tilpasses sRGB med CSS Color 4-algoritmen i kolonnerne HEX, RGB og HSL, mens OKLCH-kolonnen beholder den ikke-tilpassede værdi.
Hvordan genskaber jeg en tone i CSS?
Kopiér hex- eller oklch()-værdien, eller lad browseren blande den med color-mix(in oklab, var(--brand) 70%, #808080) for tonen på 30 % med OKLab-indstillingen. color-mix() fungerer i alle aktuelle større browsere.