Webdesign og CSS
Konverter en farve fra en designfil eller et skærmbillede til den hex-kode, som dit stylesheet kræver.
RGB til HEX-konverter — Konverter RGB-værdier til hex-koder og hex-koder til RGB med en live-forhåndsvisning.
Indtast tal for rød, grøn og blå, vælg en farve eller indsæt en hex-kode, og se alle formater på én gang: HEX, RGB og HSL. En live-forhåndsvisning og en kontrastkontrol viser, hvilken tekstfarve der fungerer bedst. Det hele kører i din browser.
Konverter en farve
Dine farver gemmes i din browser
Vælg eller indtast en farve
Aa
Farvekoder
HEX
–RGB (CSS)
–HSL (CSS)
––Hvilken tekstfarve ser bedst ud på den?
–Kontrastforhold
Vejledningen
Vejledning i RGB til HEX: Farvekoder, HSL og kontrast
Lær, hvordan farvekoder fungerer, og hvordan man vælger farvekombinationer, der er lette at aflæse.
Hvad gør en RGB-til-HEX-konverter?
Skærme frembringer alle farver ved at blande rødt, grønt og blåt lys. RGB angiver blandingen som tre tal mellem 0 og 255. HEX angiver de samme tre tal i 16-talssystemet som en kort kode, f.eks. #1F3A5F, hvilket er det, CSS, designværktøjer og brandguider normalt bruger.
Indtast de tre tal, vælg en farve med farvevælgeren, eller indsæt en hex-kode. Alle formater opdateres samtidigt, og du får desuden en HSL-version samt en angivelse af, hvilken tekstfarve der fremstår bedst på den valgte baggrund.
Hvorfor konverterer folk RGB til HEX?
Mærke og dokumenter
Sørg for, at brandfarven er ensartet i både logoet, præsentationen og på hjemmesiden.
Tilgængelighed
Tjek, hvilken tekstfarve der passer til baggrunden, og se kontrastforholdet, inden du offentliggør indholdet.
Sådan omdannes RGB til HEX
Hvert af de tre tal omdannes til en tocifret værdi i base 16, hvorefter de tre par sættes sammen.
RGB: 31, 58, 95
31 = 1F (1 × 16 + 15)
58 = 3A (3 × 16 + 10)
95 = 5F (5 × 16 + 15)
HEX: #1F3A5F
I basen 16 anvendes cifrene 0–9 og bogstaverne A–F, hvor A svarer til 10 og F til 15. En kort kode som f.eks. #FA0 er en forkortelse: hvert ciffer fordobles, så koden betyder #FFAA00.
Almindelige farver i RGB og HEX
| Farve | RGB | HEX |
|---|---|---|
| Sort | 0, 0, 0 | #000000 |
| Hvid | 255, 255, 255 | #FFFFFF |
| Rød | 255, 0, 0 | #FF0000 |
| Grøn | 0, 255, 0 | #00FF00 |
| Blå | 0, 0, 255 | #0000FF |
| Gul | 255, 255, 0 | #FFFF00 |
| Orange | 255, 165, 0 | #FFA500 |
| Grå | 128, 128, 128 | #808080 |
Sådan bruger du RGB-til-HEX-omregneren
- Indtast værdierne for rød, grøn og blå, eller klik på farveprøven for at bruge farvevælgeren.
- Eller indsæt en hex-kode i feltet »Hex« for at gøre det omvendt.
- Læs HEX-, RGB- og HSL-koderne, og tjek kontrastforholdet samt den bedste tekstfarve.
- Klik på »Kopier« ved siden af det format, du har brug for.
Enkle tips til at arbejde med farver
- For at sikre, at teksten er letlæselig, bør du sigte mod et kontrastforhold på mindst 4,5 : 1 for normal tekst og 3 : 1 for stor tekst.
- Hex-koder skelner ikke mellem store og små bogstaver, så #1f3a5f og #1F3A5F er den samme farve.
- Det indledende # er påkrævet i CSS, men er valgfrit her. Du kan indsætte koder med eller uden det.
- Skærme og printere gengiver farver forskelligt, så den udskrevne farve stemmer muligvis ikke overens med det, du ser på skærmen.
Begrænsninger og privatliv
Privatliv
Dine farver konverteres i din browser. Der sendes eller gemmes intet på vores server. Kun valget af små bogstaver gemmes på din enhed.
Begrænsninger
Værktøjet arbejder med standard 8-bit sRGB-farver, 0 til 255 pr. kanal. Det understøtter ikke gennemsigtighed (RGBA eller 8-cifret hex), CMYK til udskrivning eller farverum med bredt farveområde.
Ofte stillede spørgsmål
Ofte stillede spørgsmål om RGB-til-HEX-konverteren
Hvordan konverterer jeg RGB til HEX?
Indtast værdierne for rød, grøn og blå, hver fra 0 til 255. Værktøjet konverterer hvert tal til to cifre i base 16 og sætter dem sammen, så 31, 58, 95 bliver til #1F3A5F.
Hvordan konverterer jeg HEX til RGB?
Indsæt hex-koden i feltet »Hex«. De tre RGB-tal udfyldes automatisk. For eksempel svarer #FF8800 til 255, 136, 0.
Skal hex-koden indeholde et #-tegn?
Nej. Du kan skrive det med eller uden #, og kortkoder som f.eks. #FA0 fungerer også. Resultatet indeholder altid #, så det er klar til brug i CSS.
Hvad betyder de tre RGB-tal?
De angiver mængden af rødt, grønt og blåt lys, fra 0 (intet) til 255 (fuld styrke). 0, 0, 0 er sort, og 255, 255, 255 er hvidt.
Hvad bruges HSL-værdien til?
HSL beskriver en farve som farvetone, mætning og lyshed. Det er ofte nemmere at justere manuelt, for eksempel for at gøre en farve lidt lysere, og det fungerer direkte i CSS.
Hvad fortæller kontrastforholdet mig?
Det viser, hvor godt sort eller hvid tekst fremstår på din baggrundsfarve. Et forhold på 4,5 : 1 eller mere er det sædvanlige minimum for almindelig tekst i henhold til WCAG-retningslinjerne for tilgængelighed.
Kan jeg indsætte gennemsigtighed?
Ikke her. Dette værktøj understøtter kun uigennemsigtige farver uden alfakanal. Hvis du ønsker gennemsigtighed, skal du selv tilføje en alfa-værdi i rgba() i din CSS.
Bliver mine data gemt eller sendt videre til nogen?
Nej. Konverteringen foregår i din browser, og der sendes ingen data ud af din enhed. Kun dit valg af små bogstaver gemmes til næste gang.
Fra brugere af dette værktøj
Anmeldelser
Indlæser anmeldelser…
Fortsæt
Flere værktøjer i kassen
Hjemmesiden indeholder snesevis af andre gratis værktøjer, der ikke kræver en API-nøgle.
UUID-generator
Opret tilfældige v4-, v7- og v5-UUID’er i store mængder.
Åbn værktøjFjernelse af mellemrum
Fjern overskydende mellemrum, tabulatorer og tomme linjer.
Åbn værktøjEnhedsomregner
Omregn længde, vægt, hastighed og meget mere.
Åbn værktøjOmregner til romertal
Konverter tal til romertal og omvendt.
Åbn værktøj