Farvekonverter
Konverter farver mellem forskellige formater: HEX, RGB, HSL og HSV. Uundværlig for designere og udviklere, der skal arbejde med farver på tværs af forskellige platforme og designværktøjer. Konverter øjeblikkeligt enhver farveværdi til det format, du har brug for til CSS, grafiksoftware eller andre programmer.
Ofte stillede spørgsmål
HEX er en hexadecimal notation (f.eks. #FF5733), der ofte bruges i webdesign. RGB repræsenterer farver ved hjælp af røde, grønne og blå værdier (0-255). HSL bruger Hue (0-360°), Saturation (0-100%) og Lightness (0-100%), hvilket gør det intuitivt at justere farver. HSV bruger Hue, Saturation og Value (lysstyrke), hvilket er populært i grafiksoftware. Hvert format har sine styrker til forskellige anvendelser.
Brug HSL, når du har brug for at justere en farves lysstyrke eller mætning, mens du holder nuancen konstant. HSL er mere intuitiv til at skabe farvevariationer, farvetoner og nuancer. Det er fremragende til at skabe tilgængelige farveskemaer og responsivt design, hvor du har brug for forudsigelige lysstyrkejusteringer. RGB er bedre, når du har brug for præcis kontrol over individuelle farvekanaler.
Brug din browsers udviklingsværktøjer til at inspicere elementet og kopiere farveværdien fra CSS'en. Indsæt den i vores konverter i et hvilket som helst format (HEX, RGB eller HSL), så viser vi dig straks de tilsvarende værdier i alle andre formater. Du kan også bruge browserudvidelser eller farvevælgere til skærmbilleder til at fange farver.
Alfakanalen styrer gennemsigtigheden med værdier fra 0 (helt gennemsigtig) til 1 (helt uigennemsigtig). RGBA og HSLA inkluderer denne fjerde værdi for at understøtte gennemsigtige eller halvgennemsigtige farver. Dette er vigtigt for overlejringer, skygger og lagdelte designelementer i moderne webdesign.
Ja, det gør jeg! Moderne browsere understøtter fuldt ud HSL- og HSLA-farveformater i CSS. Brug syntaksen: hsl(360, 100%, 50%) eller hsla(360, 100%, 50%, 0.5) for farver med gennemsigtighed. HSL er især nyttigt i CSS til at skabe farvevariationer ved hjælp af calc() eller tilpassede CSS-egenskaber til dynamisk tematisering.
Trecifrede HEX-koder (#RGB) er en forkortelse, hvor hvert ciffer er fordoblet. For eksempel svarer #F00 til #FF0000. Denne forkortelse fungerer kun, når begge cifre i hver farvekanal er de samme. Brug det fulde 6-cifrede format (#RRGGBB) til præcis farvestyring og alle farver, der ikke passer til forkortelsesmønsteret.
RGB er det generelle koncept for at repræsentere farver med røde, grønne og blå værdier. sRGB (standard RGB) er et specifikt RGB-farverum, der er standardiseret for at sikre ensartethed på tværs af enheder og webbrowsere. De fleste webfarver antager sRGB, og derfor ser farverne generelt ensartede ud på tværs af forskellige skærme og browsere.
Når du har konverteret farver, skal du kontrollere kontrastforholdene for teksttilgængelighed. WCAG kræver 4,5:1 kontrast for normal tekst og 3:1 for stor tekst. Når du konverterer mellem formater, forbliver farveværdierne de samme, men ved at have dem i forskellige formater kan du bruge dem på tværs af forskellige designværktøjer og samtidig bevare tilgængeligheden.
Ja, det gør du! Designsoftware som Figma, Adobe XD eller Photoshop viser typisk farver i RGB eller HEX. Kopier disse værdier, og konverter dem til det format, der er nødvendigt for din kode. Det sikrer perfekt farvematch mellem designmodeller og den endelige implementering.
Konvertering mellem farveformater kan indebære afrunding. HEX bruger heltal (0-255), RGB bruger heltal, men HSL/HSV bruger grader og procenter. Når man konverterer frem og tilbage flere gange, kan der opstå mindre variationer på grund af afrunding. For kritisk farvematchning skal du arbejde konsekvent i ét format.