
Hold markøren over farven for at få hex- og decimalkoderne nedenfor:
| Hex: # | |||
| Rød: | |||
| Grøn: | |||
| Blå: |
RGB-farverum eller RGB-farvesystem, konstruerer alle farver ud fra kombinationen af Rød, Grøn og Blå farver..
Rød, grøn og blå bruger hver 8 bit, med heltalsværdier fra 0 til 255. Dette giver 256*256*256 = 16.777.216 mulige farver.
RGB ≡ Rød, Grøn, Blå
Hver pixel på en LED-skærm viser farver på denne måde, ved kombination af røde, grønne og blå LED'er.
Når den røde pixel er sat til 0, er LED'en slukket. Når den er sat til 255, er LED'en fuldt tændt.
Enhver værdi imellem giver en delvis lysstyrke.
RGB-koden har et 24-bit format (bit 0..23)::
| RøD[7:0] | GRøN[7:0] | BLå[7:0] | |||||||||||||||||||||
| 23 | 16 | 15 | 8 | 7 | 0 | ||||||||||||||||||
Grundlæggende farver:
| Farve | HTML / CSS-navn | Hex-kode #RRGGBB |
Decimal-kode (R,G,B) |
|---|---|---|---|
| Sort | #000000 | (0,0,0) | |
| Hvid | #FFFFFF | (255,255,255) | |
| Lime | #FF0000 | (255,0,0) | |
| Lime | #00FF00 | (0,255,0) | |
| Blå | #0000FF | (0,0,255) | |
| Gul | #FFFF00 | (255,255,0) | |
| cyan | #00FFFF | (0,255,255) | |
| Magenta / Fuchsia | #FF00FF | (255,0,255) | |
| Sølv | #C0C0C0 | (192,192,192) | |
| Grå | #808080 | (128,128,128) | |
| Mørkerød | #800000 | (128,0,0) | |
| Oliven | #808000 | (128,128,0) | |
| Grøn | #008000 | (0,128,0) | |
| Lilla | #800080 | (128,0,128) | |
| Teal | #008080 | (0,128,128) | |
| Marineblå | #000080 | (0,0,128) |
| Farve | Farvenavn | Hex-kode | Decimal-kode | |
|---|---|---|---|---|
| Mørkerød | #800000 | (128,0,0) | ||
| mørkerød | #8B0000 | (139,0,0) | ||
| brun | #A52A2A | (165,42,42) | ||
| firebrick | #B22222 | (178,34,34) | ||
| crimson | #DC143C | (220,20,60) | ||
| tomat | #FF0000 | (255,0,0) | ||
| tomat | #FF6347 | (255,99,71) | ||
| koral | #FF7F50 | (255,127,80) | ||
| indian red | #CD5C5C | (205,92,92) | ||
| lys koral | #F08080 | (240,128,128) | ||
| mørk laks | #E9967A | (233,150,122) | ||
| laks | #FA8072 | (250,128,114) | ||
| lys laks | #FFA07A | (255,160,122) | ||
| orange rød | #FF4500 | (255,69,0) | ||
| mørk orange | #FF8C00 | (255,140,0) | ||
| orange | #FFA500 | (255,165,0) | ||
| guld | #FFD700 | (255,215,0) | ||
| mørk gyldenrod | #B8860B | (184,134,11) | ||
| gyldenrod | #DAA520 | (218,165,32) | ||
| lys gyldenrod | #EEE8AA | (238,232,170) | ||
| mørk kaki | #BDB76B | (189,183,107) | ||
| kaki | #F0E68C | (240,230,140) | ||
| Oliven | #808000 | (128,128,0) | ||
| Gul | #FFFF00 | (255,255,0) | ||
| gulgrøn | #9ACD32 | (154,205,50) | ||
| mørk olivengrøn | #556B2F | (85,107,47) | ||
| oliven drab | #6B8E23 | (107,142,35) | ||
| plænegrøn | #7CFC00 | (124,252,0) | ||
| chartreuse | #7FFF00 | (127,255,0) | ||
| grøn gul | #ADFF2F | (173,255,47) | ||
| mørkegrøn | #006400 | (0,100,0) | ||
| Grøn | #008000 | (0,128,0) | ||
| skovgrøn | #228B22 | (34,139,34) | ||
| Lime | #00FF00 | (0,255,0) | ||
| limegrøn | #32CD32 | (50,205,50) | ||
| lysegrøn | #90EE90 | (144,238,144) | ||
| bleg grøn | #98FB98 | (152,251,152) | ||
| mørk havgrøn | #8FBC8F | (143,188,143) | ||
| medium spring green | #00FA9A | (0,250,154) | ||
| spring green | #00FF7F | (0,255,127) | ||
| havgrøn | #2E8B57 | (46,139,87) | ||
| medium aqua marine | #66CDAA | (102,205,170) | ||
| medium havgrøn | #3CB371 | (60,179,113) | ||
| lys havgrøn | #20B2AA | (32,178,170) | ||
| mørk skifergrå | #2F4F4F | (47,79,79) | ||
| Teal | #008080 | (0,128,128) | ||
| mørk cyan | #008B8B | (0,139,139) | ||
| cyan | #00FFFF | (0,255,255) | ||
| cyan | #00FFFF | (0,255,255) | ||
| lys cyan | #E0FFFF | (224,255,255) | ||
| mørk turkis | #00CED1 | (0,206,209) | ||
| turkis | #40E0D0 | (64,224,208) | ||
| medium turkis | #48D1CC | (72,209,204) | ||
| bleg turkis | #AFEEEE | (175,238,238) | ||
| aqua marine | #7FFFD4 | (127,255,212) | ||
| pudderblå | #B0E0E6 | (176,224,230) | ||
| kadetblå | #5F9EA0 | (95,158,160) | ||
| stålblå | #4682B4 | (70,130,180) | ||
| kornblomstblå | #6495ED | (100,149,237) | ||
| dyb himmelblå | #00BFFF | (0,191,255) | ||
| dodger blue | #1E90FF | (30,144,255) | ||
| lys blå | #ADD8E6 | (173,216,230) | ||
| himmelblå | #87CEEB | (135,206,235) | ||
| lys himmelblå | #87CEFA | (135,206,250) | ||
| midnatsblå | #191970 | (25,25,112) | ||
| Marineblå | #000080 | (0,0,128) | ||
| mørk blå | #00008B | (0,0,139) | ||
| medium blå | #0000CD | (0,0,205) | ||
| Blå | #0000FF | (0,0,255) | ||
| kongeblå | #4169E1 | (65,105,225) | ||
| blåviolet | #8A2BE2 | (138,43,226) | ||
| indigo | #4B0082 | (75,0,130) | ||
| mørk skiferblå | #483D8B | (72,61,139) | ||
| skiferblå | #6A5ACD | (106,90,205) | ||
| medium skiferblå | #7B68EE | (123,104,238) | ||
| medium lilla | #9370DB | (147,112,219) | ||
| mørk magenta | #8B008B | (139,0,139) | ||
| mørk violet | #9400D3 | (148,0,211) | ||
| mørk orkidé | #9932CC | (153,50,204) | ||
| medium orkidé | #BA55D3 | (186,85,211) | ||
| lilla | #800080 | (128,0,128) | ||
| tidsel | #D8BFD8 | (216,191,216) | ||
| blomme | #DDA0DD | (221,160,221) | ||
| violet | #EE82EE | (238,130,238) | ||
| magenta | #FF00FF | (255,0,255) | ||
| orkidé | #DA70D6 | (218,112,214) | ||
| medium violet rød | #C71585 | (199,21,133) | ||
| bleg violet rød | #DB7093 | (219,112,147) | ||
| dyb pink | #FF1493 | (255,20,147) | ||
| hot pink | #FF69B4 | (255,105,180) | ||
| lys pink | #FFB6C1 | (255,182,193) | ||
| pink | #FFC0CB | (255,192,203) | ||
| antik hvid | #FAEBD7 | (250,235,215) | ||
| beige | #F5F5DC | (245,245,220) | ||
| bisque | #FFE4C4 | (255,228,196) | ||
| blanched almond | #FFEBCD | (255,235,205) | ||
| hvede | #F5DEB3 | (245,222,179) | ||
| majs silke | #FFF8DC | (255,248,220) | ||
| citron chiffon | #FFFACD | (255,250,205) | ||
| lys gyldenrod gul | #FAFAD2 | (250,250,210) | ||
| lys gul | #FFFFE0 | (255,255,224) | ||
| saddle brown | #8B4513 | (139,69,19) | ||
| sienna | #A0522D | (160,82,45) | ||
| chokolade | #D2691E | (210,105,30) | ||
| peru | #CD853F | (205,133,63) | ||
| sandy brown | #F4A460 | (244,164,96) | ||
| burly wood | #DEB887 | (222,184,135) | ||
| tan | #D2B48C | (210,180,140) | ||
| rosy brown | #BC8F8F | (188,143,143) | ||
| moccasin | #FFE4B5 | (255,228,181) | ||
| navajo white | #FFDEAD | (255,222,173) | ||
| peach puff | #FFDAB9 | (255,218,185) | ||
| misty rose | #FFE4E1 | (255,228,225) | ||
| lavender blush | #FFF0F5 | (255,240,245) | ||
| linned | #FAF0E6 | (250,240,230) | ||
| old lace | #FDF5E6 | (253,245,230) | ||
| papaya whip | #FFEFD5 | (255,239,213) | ||
| sea shell | #FFF5EE | (255,245,238) | ||
| mint cream | #F5FFFA | (245,255,250) | ||
| skifergrå | #708090 | (112,128,144) | ||
| lys skifergrå | #778899 | (119,136,153) | ||
| lys stålblå | #B0C4DE | (176,196,222) | ||
| lavendel | #E6E6FA | (230,230,250) | ||
| floral white | #FFFAF0 | (255,250,240) | ||
| alice blue | #F0F8FF | (240,248,255) | ||
| ghost white | #F8F8FF | (248,248,255) | ||
| honeydew | #F0FFF0 | (240,255,240) | ||
| elfenben | #FFFFF0 | (255,255,240) | ||
| azure | #F0FFFF | (240,255,255) | ||
| sne | #FFFAFA | (255,250,250) | ||
| sort | #000000 | (0,0,0) | ||
| dim gray | #696969 | (105,105,105) | ||
| grå / grey | #808080 | (128,128,128) | ||
| mørk grå | #A9A9A9 | (169,169,169) |
Opdag farver med det samme: En kraftfuld RGB-farvefinder til designere, udviklere og skabere | |
| At vælge den perfekte farve er et af de vigtigste trin i ethvert digitalt projekt. Uanset om du designer en hjemmeside, laver et logo, udvikler en app-grænseflade eller blot eksperimenterer med visuelle ideer, spiller farvevalg en central rolle i udformningen af det endelige resultat. For at gøre denne proces nemmere, hurtigere og mere intuitiv har vi skabt et helt nyt værktøj, der giver dig mulighed for at finde den nøjagtige farve, du har brug for, enten ved hjælp af din mus eller ved manuelt at indtaste RGB-værdier. | |
| ✔ Dette værktøj er designet til alle, der arbejder med farve regelmæssigt og ønsker en enkel, præcis og effektiv måde at konvertere RGB-værdier til en visuel farveeksempel og en ren hexadecimal kode. | |
| ✔ Vores RGB Color Finder er bygget med brugervenlighed i tankerne. Det giver en jævn, interaktiv oplevelse, der hjælper dig med at udforske farver visuelt eller numerisk, afhængigt af dine præferencer. Uanset om du er en designer, der foretrækker at trække en skyder for at finde den perfekte nuance, eller en udvikler, der har brug for at indtaste præcise RGB-værdier, tilpasser dette værktøj sig til din arbejdsgang. | |
| ✔ Grænsefladen er ren, responsiv og optimeret til både desktop og mobile enheder, hvilket sikrer, at du kan bruge den, hvor som helst inspirationen rammer. | |
| ✔ En af de mest kraftfulde funktioner i dette værktøj er evnen til at justere farven ved hjælp af din mus. Med en simpel trækbevægelse kan du udforske hele spektret af røde, grønne og blå værdier. | |
| ✔ Denne visuelle tilgang er perfekt til brugere, der ønsker at eksperimentere med forskellige toner og kombinationer uden at skulle kende de nøjagtige numeriske værdier på forhånd. Når du flytter skyderne, opdaterer værktøjet øjeblikkeligt forhåndsvisningsboksen og giver dig feedback i realtid om den farve, du opretter. | |
| ✔ Dette gør det utrolig nemt at finjustere nuancer, sammenligne variationer og opdage nye farveideer, du måske ikke havde overvejet. | |
| ✔ For brugere, der foretrækker præcision, giver værktøjet dig også mulighed for manuelt at indtaste de tre RGB-værdier. Dette er især nyttigt for udviklere, der arbejder med specifikke farvepaletter, brandretningslinjer eller UI-komponenter, der kræver nøjagtig farvematchning. | |
| ✔ Indtast blot værdierne for rød, grøn og blå, og værktøjet vil straks vise den tilsvarende farve sammen med dens hexadecimale repræsentation. Dette dobbelte input-system sikrer, at værktøjet er fleksibelt nok til at understøtte både kreativ udforskning og teknisk nøjagtighed. | |
| ✔ En anden vigtig fordel ved dette værktøj er den automatiske konvertering fra RGB til HEX. Mange designere og udviklere skifter ofte mellem disse to formater, især når de arbejder med CSS, designsoftware eller digital branding. I stedet for manuelt at beregne den hexadecimale kode eller søge efter en ekstern konverter, gør vores værktøj arbejdet for dig med det samme. Så snart du vælger eller indtaster dine RGB-værdier, vises HEX-koden i stort format, klar til at blive kopieret og brugt i dit projekt. | |
| ✔ Dette sparer tid, reducerer fejl og strømliner din arbejdsgang. | |
| ✔ Ud over sin kernefunktionalitet er RGB Color Finder også designet til at være lærerig. For begyndere giver det en enkel måde at forstå, hvordan RGB-værdier kombineres for at skabe forskellige farver. Ved at justere skyderne eller indtaste tal kan brugerne se, hvordan en forøgelse eller reduktion af hver komponent påvirker det endelige resultat. | |
| ✔ Dette gør værktøjet til en fantastisk ressource for studerende, hobbyfolk og alle, der lærer om digital farveteori. | |
| ✔ Værktøjet er også ideelt til professionelle, der har brug for en pålidelig farvevælger, der fungerer direkte i browseren uden at kræve nogen installation eller plugins. Uanset om du bygger et websted, designer en brugergrænseflade eller forbereder en digital illustration, kan det at have hurtig adgang til en præcis og intuitiv farvevælger fremskynde din kreative proces betydeligt. | |
| ✔ Det lette design sikrer hurtige indlæsningstider, og grænsefladen er optimeret til klarhed og brugervenlighed. | |
| I en verden, hvor visuel identitet betyder mere end nogensinde, er det vigtigt at have de rigtige værktøjer til at styre farver. Vores RGB Color Finder kombinerer enkelhed, præcision og fleksibilitet i en enkelt brugervenlig grænseflade. Uanset om du udforsker farver med din mus eller indtaster nøjagtige RGB-værdier, giver dette værktøj dig alt, hvad du behøver for at finde den perfekte nuance og konvertere den øjeblikkeligt til en brugbar HEX-kode. | |
| Det er hurtigt, præcist og designet til at understøtte både kreativitet og teknisk arbejde. | |
Efterlad en kommentar eller et spørgsmål nedenfor |
![]() |
Simpel Lommeregner |
![]() |
Videnskabelig Lommeregner |
![]() |
Arealberegner |
![]() |
Volumenberegner |
![]() |
Enhedsomregner |
![]() |
Ringformet Arealberegner |
![]() |
Datakonverteringsværktøj |
![]() |
Billedkompressor |
![]() |
Filkompressor |
![]() |
RGB Farvevælger |
![]() |
Fil til PDF Konverter |
![]() |
Border-Radius Beregner |
![]() |
Box-Shadow Beregner |
![]() |
Transformationsberegner |
![]() |
Responsiv Enhedstester |
![]() |
Tidszonekonverter & Dato Forskel |
![]() |
Procentberegner |
![]() |
GitHub Trend Explorer |
![]() |
Trend Sammenligningsværktøj |
![]() |
QR-kode Generator |
![]() |
Sammenlign filer online |
![]() |
Gratis Website Hastighedstest |
![]() |
Dit bedste CV |
dzosoft.com © 2022 - 2026 Forfatter: Ing. A. Nasri. Alle rettigheder forbeholdes.
Vi bruger cookies for at hjælpe dig med at navigere effektivt og udføre visse funktioner. Du finder detaljerede oplysninger om alle cookies under hver samtykkekategori nedenfor. Cookies, der er kategoriseret som ”Nødvendige”, gemmes i din browser, da de er essentielle for at aktivere sidens grundlæggende funktioner.
Vi bruger også tredjepartscookies, der hjælper os med at analysere, hvordan du bruger dette website, gemme dine præferencer,
og levere indhold og annoncer, der er relevante for dig. Disse cookies gemmes kun i din browser
med dit forudgående samtykke.
Du kan vælge at aktivere eller deaktivere nogle eller alle disse cookies, men deaktivering af nogle af dem kan påvirke din browsingoplevelse.
Ved at klikke på “Accepter” giver du samtykke til brugen af cookies som beskrevet i vores
Privatlivspolitik.
Nødvendige cookies kræves for at aktivere sidens grundlæggende funktioner, såsom sikker log‑in eller justering af dine samtykkepræferencer. Disse cookies gemmer ingen personligt identificerbare data.
Funktionelle cookies hjælper med at udføre visse funktioner som deling af indholdet på sociale medier, indsamling af feedback og andre tredjepartsfunktioner.
Analysecookies bruges til at forstå, hvordan besøgende interagerer med websitet. Disse cookies giver oplysninger om målinger såsom antal besøgende, afvisningsrate, trafikkilde osv.
Ydelsescookies bruges til at forstå og analysere de vigtigste ydelsesindikatorer for websitet, hvilket hjælper med at levere en bedre brugeroplevelse.
Annonceringscookies bruges til at give besøgende tilpassede annoncer baseret på de sider, du tidligere har besøgt, og til at analysere effektiviteten af kampagner.