RGB til HSL
Hva er RGB til HSL
Denne omregneren gjør RGB-verdier om til HSL — fargetone, metning og lyshet. HSL gjør det enkelt å lage varianter av en farge: lysere, mørkere eller mer dempet, uten å endre selve fargetonen.
Slik bruker du det
- Skriv inn de tre RGB-verdiene.
- Se HSL-verdien og fargeprøven umiddelbart.
- Kopier hsl()-verdien til CSS-en din.
Når du bør bruke det
Bruk den når du bygger fargepaletter og temaer fra eksisterende RGB-farger, vil justere lysheten på en merkevarefarge systematisk, eller foretrekker HSL i CSS-en for lesbarhet.
Ofte stilte spørsmål
Hva er rgb(255, 0, 0) i HSL?
rgb(255, 0, 0) er hsl(0, 100%, 50%) — rent rødt. Fargetone 0° er rødt, 100 % metning betyr fullt mettet og 50 % lyshet er den rene mellomtonen.
Hva er rgb(0, 0, 0) i HSL?
rgb(0, 0, 0) er hsl(0, 0%, 0%) — svart. Null lyshet er alltid svart.
Hva er rgb(255, 255, 255) i HSL?
rgb(255, 255, 255) er hsl(0, 0%, 100%) — hvitt. Maksimal lyshet er alltid hvitt.
Hvorfor er konvertering fra RGB til HSL nyttig?
HSL gjør fargesammenhenger synlige. Med rgb(59, 130, 246) ser du ikke umiddelbart hvor blå eller lys fargen er. Men hsl(217, 91%, 60%) forteller deg med en gang at det er en blå farge (217° på fargehjulet), sterkt mettet (91 %) og middels lys (60 %).
Kan jeg dele verktøyet med verdiene mine fylt inn?
Ja. Nettadressen oppdateres automatisk mens du skriver. Kopier den fra adressefeltet eller bruk Del-knappen — den som åpner lenken ser nøyaktig dine verdier klare til bruk.
Relaterte verktøy
HSL til RGB
Konverter HSL-fargeverdier til RGB direkte. Gratis HSL til RGB-omregner med live forhåndsvisning — for JavaScript, Canvas og design.
Bildeforhold Kalkulator
Regn ut bildeforholdet, finn manglende bredde eller høyde og endre størrelse på bilder og video uten å forvrenge proporsjonene. Gratis.
Base64-dekoder
Dekod Base64 til vanlig tekst direkte i nettleseren. Gratis Base64-dekoder med full UTF-8-støtte. Lim inn strengen og få resultatet med en gang.