Hvordan det fungerer
Fest hver kanal til 0-255, rund den, og skriv deretter to heksadesimale sifre per kanal bak #. HSL er avledet fra RGB-forhold: fargetone fra den dominerende kanalen, metning fra avstanden mellom maks og min, lyshet fra gjennomsnittet.
- HEX aksepterer 3 eller 6 sifre; verdiene er klemt til 0–255.
Hvorfor det betyr noe
Designverktøy eksporterer forskjellige formater og CSS forventer spesifikke. Konvertering for hånd inviterer til avrundingsfeil, og samme farge skrevet på tre måter er lett å verifisere når du ser alle representasjonene side ved side.
Et bearbeidet eksempel
rgb(99, 91, 255) er #635BFF og hsl(244, 100 %, 68 %). HEX-skjemaet er det CSS-forfattere limer inn oftest; HSL er lettere å mørkne eller desaturate uten å gjette nye kanaler.
Vanlige feil
- Forutsatt at den samme HEX ser identisk ut overalt uten fargestyring.
- Å glemme den tresifrede HEX utvider hver bit to ganger.
- Redigere RGB-kanaler når du mente å justere lysstyrken.
Praktiske tips
Design i HSL når du trenger systematiske nyanser og nyanser: behold fargetone og metning, varier lysheten i trinn. Lagre HEX for utdata, men hold HSL-notater i designfilen for fremtidige justeringer.
Hvordan bruke den
- Åpne verktøyet. Alt kjører i nettleserfanen.
- Lim inn eller skriv inn input, og velg deretter handlingen du trenger.
- Sjekk resultatet og kopier det med ett klikk.
Vanlige spørsmål
Hvorfor er HEX-verdien min annerledes i et annet verktøy?
Verdier klemmes til 0-255 og avrundes, og skrives deretter som HEX med store bokstaver. Noen verktøy beholder små bokstaver eller ugyldige inndata.
Hva er HSL?
En alternativ representasjon: fargetone i grader, metning og lyshet i prosent. Det er nyttig for å justere farger.
Sjekker den kontrasten?
Nei. Dette konverterer fargeformater; kontrastkontroll er et annet verktøy.
Er dette verktøyet virkelig gratis?
Ja. Det er ingen konto, ingen betalingsmur og ingen bruksgrense. Tools-appen er finansiert av aumenso, studioet bak.
Er noe jeg skriver inn lastet opp?
Nei. Verktøyet kjører i nettleserfanen din; det du skriver blir aldri sendt til oss og aldri lagret.