Fargekonverterer
Velg en farge eller lim inn en HEX-verdi for å se RGB- og HSL-motstykkene umiddelbart.
Om fargekonvertereren
Designere og utviklere beskriver den samme fargen i flere notasjoner, og dette verktøyet holder dem synkronisert. Velg en farge fra den visuelle fargevelgeren eller lim inn en verdi, så viser det det tilsvarende HEX (som #3498db), RGB (rød, grønn og blå fra 0 til 255) og HSL (kulør, metning og lyshet) alt på en gang.
Slik bruker du det
- Dra i fargevelgeren eller lim inn en HEX-, RGB- eller HSL-verdi.
- Les av alle formatene som oppdateres sammen i sanntid.
- Kopier notasjonen som stilarket eller designverktøyet ditt forventer.
HEX og RGB beskriver det samme punktet i sRGB-fargerommet, bare skrevet forskjellig, mens HSL uttrykker det på nytt på en måte som gjør det intuitivt å justere nyanser - skyv på lysheten for en lysere tone, på metningen for en mer dempet tone. En vanlig arbeidsflyt er å hente en HEX fra en merkevareguide og konvertere den til HSL for å bygge en palett. All konvertering kjører i nettleseren din, så ingenting lastes opp.
Ofte stilte spørsmål
Hva er forskjellen på HEX, RGB og HSL?
HEX og RGB definerer begge en farge ut fra rød-, grønn- og blåkomponentene i sRGB-rommet, bare skrevet som heksadesimale siffer eller tall fra 0 til 255. HSL beskriver den samme fargen som kulør, metning og lyshet, noe som er lettere når du skal justere lysere og mørkere toner.
Kan jeg lime inn en verdi i hvilket som helst format?
Ja. Du kan skrive inn en HEX-kode, en RGB-trippel eller en HSL-verdi, og konvertereren fyller inn de andre notasjonene automatisk.
Støtter konvertereren alfa eller gjennomsiktighet?
Den konsentrerer seg om de ugjennomsiktige HEX-, RGB- og HSL-verdiene. For gjennomsiktighet legger du til en alfakanal separat, for eksempel en rgba()-verdi eller en åttesifret HEX.
Sendes fargeverdiene mine til en server?
Nei. Konverteringen skjer fullstendig i nettleseren din, så ingenting du skriver inn lastes opp.