
Hold musepekeren over en farge for å få hex- og desimalkodene nedenfor:
| Hex: # | |||
| Rød: | |||
| Grønn: | |||
| Blå: |
RGB-fargerom eller RGB-fargesystem, konstruerer alle farger fra kombinasjonen av Rød, Grønn og Blå farger..
Rød, grønn og blå bruker 8 bits hver, med heltallsverdier fra 0 til 255. Dette gir 256*256*256 = 16 777 216 mulige farger.
RGB ≡ Rød, Grønn, Blå
Hver piksel på en LED‑skjerm viser farger på denne måten, gjennom kombinasjoner av røde, grønne og blå lysdioder.
Når den røde pikselen settes til 0, er LED‑en av. Når den settes til 255, er den fullt på.
Enhver verdi mellom disse gir delvis lysstyrke.
RGB‑koden har et 24‑bits format (bit 0..23)::
| RøD[7:0] | GRøNN[7:0] | BLå[7:0] | |||||||||||||||||||||
| 23 | 16 | 15 | 8 | 7 | 0 | ||||||||||||||||||
Grunnleggende farger:
| Farge | HTML / CSS-navn | Hex-kode #RRGGBB |
Desimalkode (R,G,B) |
|---|---|---|---|
| Svart | #000000 | (0,0,0) | |
| Hvit | #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ønn | #008000 | (0,128,0) | |
| Lilla | #800080 | (128,0,128) | |
| Blågrønn | #008080 | (0,128,128) | |
| Marineblå | #000080 | (0,0,128) |
| Farge | Fargenavn | Hex-kode | Desimalkode | |
|---|---|---|---|---|
| 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) | ||
| korall | #FF7F50 | (255,127,80) | ||
| indian red | #CD5C5C | (205,92,92) | ||
| lys korall | #F08080 | (240,128,128) | ||
| mørk laks | #E9967A | (233,150,122) | ||
| laks | #FA8072 | (250,128,114) | ||
| lys laks | #FFA07A | (255,160,122) | ||
| oransjerød | #FF4500 | (255,69,0) | ||
| mørk oransje | #FF8C00 | (255,140,0) | ||
| oransje | #FFA500 | (255,165,0) | ||
| gull | #FFD700 | (255,215,0) | ||
| mørk gyllenstang | #B8860B | (184,134,11) | ||
| gyllenstang | #DAA520 | (218,165,32) | ||
| blek gyllenstang | #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ønn | #9ACD32 | (154,205,50) | ||
| mørk olivengrønn | #556B2F | (85,107,47) | ||
| olivengrønn | #6B8E23 | (107,142,35) | ||
| plen grønn | #7CFC00 | (124,252,0) | ||
| chartreuse | #7FFF00 | (127,255,0) | ||
| grønn-gul | #ADFF2F | (173,255,47) | ||
| mørkegrønn | #006400 | (0,100,0) | ||
| Grønn | #008000 | (0,128,0) | ||
| skoggrønn | #228B22 | (34,139,34) | ||
| Lime | #00FF00 | (0,255,0) | ||
| limegrønn | #32CD32 | (50,205,50) | ||
| lys grønn | #90EE90 | (144,238,144) | ||
| blek grønn | #98FB98 | (152,251,152) | ||
| mørk sjøgrønn | #8FBC8F | (143,188,143) | ||
| medium vårgrønn | #00FA9A | (0,250,154) | ||
| vårgrønn | #00FF7F | (0,255,127) | ||
| sjøgrønn | #2E8B57 | (46,139,87) | ||
| medium akvamarin | #66CDAA | (102,205,170) | ||
| medium sjøgrønn | #3CB371 | (60,179,113) | ||
| lys sjøgrønn | #20B2AA | (32,178,170) | ||
| mørk skifergrå | #2F4F4F | (47,79,79) | ||
| Blågrønn | #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) | ||
| blek turkis | #AFEEEE | (175,238,238) | ||
| akvamarin | #7FFFD4 | (127,255,212) | ||
| pudderblå | #B0E0E6 | (176,224,230) | ||
| kadettblå | #5F9EA0 | (95,158,160) | ||
| stålblå | #4682B4 | (70,130,180) | ||
| kornblomstblå | #6495ED | (100,149,237) | ||
| dyp 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) | ||
| midnattblå | #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åfiolett | #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 fiolett | #9400D3 | (148,0,211) | ||
| mørk orkidé | #9932CC | (153,50,204) | ||
| medium orkidé | #BA55D3 | (186,85,211) | ||
| lilla | #800080 | (128,0,128) | ||
| tistel | #D8BFD8 | (216,191,216) | ||
| plomme | #DDA0DD | (221,160,221) | ||
| fiolett | #EE82EE | (238,130,238) | ||
| magenta | #FF00FF | (255,0,255) | ||
| orkidé | #DA70D6 | (218,112,214) | ||
| medium fiolett-rød | #C71585 | (199,21,133) | ||
| blek fiolett-rød | #DB7093 | (219,112,147) | ||
| dyp rosa | #FF1493 | (255,20,147) | ||
| hot pink | #FF69B4 | (255,105,180) | ||
| lys rosa | #FFB6C1 | (255,182,193) | ||
| rosa | #FFC0CB | (255,192,203) | ||
| antik hvit | #FAEBD7 | (250,235,215) | ||
| beige | #F5F5DC | (245,245,220) | ||
| bisque | #FFE4C4 | (255,228,196) | ||
| blanched almond | #FFEBCD | (255,235,205) | ||
| hvete | #F5DEB3 | (245,222,179) | ||
| corn silk | #FFF8DC | (255,248,220) | ||
| sitronchiffon | #FFFACD | (255,250,205) | ||
| lys gyllenstang gul | #FAFAD2 | (250,250,210) | ||
| lys gul | #FFFFE0 | (255,255,224) | ||
| saddle brown | #8B4513 | (139,69,19) | ||
| sienna | #A0522D | (160,82,45) | ||
| sjokolade | #D2691E | (210,105,30) | ||
| peru | #CD853F | (205,133,63) | ||
| sandbrun | #F4A460 | (244,164,96) | ||
| burlywood | #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) | ||
| lin | #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) | ||
| honningdugg | #F0FFF0 | (240,255,240) | ||
| elfenben | #FFFFF0 | (255,255,240) | ||
| asurblå | #F0FFFF | (240,255,255) | ||
| snø | #FFFAFA | (255,250,250) | ||
| svart | #000000 | (0,0,0) | ||
| dim gray | #696969 | (105,105,105) | ||
| grå / grey | #808080 | (128,128,128) | ||
| mørk grå | #A9A9A9 | (169,169,169) |
Oppdag farger umiddelbart: En kraftig RGB-fargesøker for designere, utviklere og skapere | |
| Å velge den perfekte fargen er et av de viktigste trinnene i ethvert digitalt prosjekt. Enten du designer et nettsted, lager en logo, utvikler et app-grensesnitt eller bare eksperimenterer med visuelle ideer, spiller fargevalg en sentral rolle i utformingen av det endelige resultatet. For å gjøre denne prosessen enklere, raskere og mer intuitiv, har vi laget et helt nytt verktøy som lar deg finne den nøyaktige fargen du trenger enten ved å bruke musen eller ved å angi RGB-verdier manuelt. | |
| ✔ Dette verktøyet er designet for alle som jobber med farger på jevnlig basis og ønsker en enkel, nøyaktig og effektiv måte å konvertere RGB-verdier til en visuell fargeforhåndsvisning og en ren heksadesimal kode. | |
| ✔ Vår RGB Color Finder er bygget med brukervennlighet i tankene. Den tilbyr en jevn, interaktiv opplevelse som hjelper deg å utforske farger visuelt eller numerisk, avhengig av dine preferanser. Enten du er en designer som foretrekker å dra en glidebryter for å finne den perfekte nyansen, eller en utvikler som trenger å skrive inn presise RGB-verdier, tilpasser dette verktøyet seg til arbeidsflyten din. | |
| ✔ Grensesnittet er rent, responsivt og optimalisert for både stasjonære og mobile enheter, noe som sikrer at du kan bruke det uansett hvor inspirasjonen dukker opp. | |
| ✔ En av de kraftigste funksjonene til dette verktøyet er muligheten til å justere fargen med musen. Med en enkel drabevegelse kan du utforske hele spekteret av røde, grønne og blå verdier. | |
| ✔ Denne visuelle tilnærmingen er perfekt for brukere som ønsker å eksperimentere med forskjellige toner og kombinasjoner uten å måtte vite de nøyaktige numeriske verdiene på forhånd. Når du flytter glidebryterne, oppdaterer verktøyet forhåndsvisningsboksen umiddelbart, og gir deg tilbakemelding i sanntid om fargen du lager. | |
| ✔ Dette gjør det utrolig enkelt å finjustere nyanser, sammenligne variasjoner og oppdage nye fargeideer du kanskje ikke har vurdert. | |
| ✔ For brukere som foretrekker presisjon, lar verktøyet deg også legge inn de tre RGB-verdiene manuelt. Dette er spesielt nyttig for utviklere som arbeider med spesifikke fargepaletter, merkevareretningslinjer eller UI-komponenter som krever nøyaktig fargetilpasning. | |
| ✔ Bare skriv inn verdiene for rød, grønn og blå, og verktøyet vil umiddelbart vise den tilsvarende fargen sammen med sin heksadesimale representasjon. Dette doble input-systemet sikrer at verktøyet er fleksibelt nok til å støtte både kreativ utforskning og teknisk nøyaktighet. | |
| ✔ En annen viktig fordel med dette verktøyet er den automatiske konverteringen fra RGB til HEX. Mange designere og utviklere bytter ofte mellom disse to formatene, spesielt når de jobber med CSS, designprogramvare eller digital merkevarebygging. I stedet for å manuelt beregne den heksadesimale koden eller søke etter en ekstern omformer, gjør vårt verktøy jobben for deg umiddelbart. Så snart du velger eller skriver inn RGB-verdiene dine, vises HEX-koden i store bokstaver, klar til å kopieres og brukes i prosjektet ditt. | |
| ✔ Dette sparer tid, reduserer feil og effektiviserer arbeidsflyten din. | |
| ✔ Utover kjernefunksjonaliteten er RGB Color Finder også designet for å være pedagogisk. For nybegynnere gir det en enkel måte å forstå hvordan RGB-verdier kombineres for å skape forskjellige farger. Ved å justere glidebryterne eller legge inn tall, kan brukere se hvordan økning eller reduksjon av hver komponent påvirker det endelige resultatet. | |
| ✔ Dette gjør verktøyet til en flott ressurs for studenter, hobbyister og alle som lærer om digital fargeteori. | |
| ✔ Verktøyet er også ideelt for profesjonelle som trenger en pålitelig fargevelger som fungerer direkte i nettleseren uten å kreve installasjon eller plugins. Enten du bygger et nettsted, designer et brukergrensesnitt eller forbereder en digital illustrasjon, kan det å ha rask tilgang til en presis og intuitiv fargevelger fremskynde den kreative prosessen din betraktelig. | |
| ✔ Den lette designen sikrer raske lastetider, og grensesnittet er optimalisert for klarhet og brukervennlighet. | |
| I en verden der visuell identitet er viktigere enn noen gang, er det viktig å ha de riktige verktøyene for å håndtere farger. Vår RGB Color Finder kombinerer enkelhet, presisjon og fleksibilitet til ett enkelt brukervennlig grensesnitt. Enten du utforsker farger med musen eller legger inn nøyaktige RGB-verdier, gir dette verktøyet deg alt du trenger for å finne den perfekte nyansen og konvertere den umiddelbart til en brukbar HEX-kode. | |
| Den er rask, nøyaktig og designet for å støtte både kreativitet og teknisk arbeid. | |
Legg igjen en kommentar eller et spørsmål nedenfor |
![]() |
Enkel Kalkulator |
![]() |
Vitenskapelig Kalkulator |
![]() |
Areal Kalkulator |
![]() |
Volum Kalkulator |
![]() |
Enhetskonverterer |
![]() |
Ringformet Areal Kalkulator |
![]() |
Datakonverteringsverktøy |
![]() |
Bildekompressor |
![]() |
Filkompressor |
![]() |
RGB Fargevelger |
![]() |
Fil til PDF‑konverterer |
![]() |
Border‑Radius Kalkulator |
![]() |
Box‑Shadow Kalkulator |
![]() |
Transform Kalkulator |
![]() |
Responsiv Enhetstester |
![]() |
Tidssonekonverterer & Datoavstand |
![]() |
Prosentkalkulator |
![]() |
GitHub Trendutforsker |
![]() |
Trend Sammenligningsverktøy |
![]() |
QR‑kode Generator |
![]() |
Sammenlign filer på nett |
![]() |
Gratis Nettsted Hastighetstest |
dzosoft.com © 2022 - 2026 Forfatter: Ing. A. Nasri. Alle rettigheter forbeholdt.
Vi bruker informasjonskapsler for å hjelpe deg å navigere effektivt og utføre visse funksjoner. Du finner detaljert informasjon om alle informasjonskapsler under hver samtykkekategori nedenfor. Informasjonskapsler som er kategorisert som “Nødvendige” lagres i nettleseren din fordi de er essensielle for å aktivere grunnleggende funksjoner på nettstedet.
Vi bruker også tredjeparts informasjonskapsler som hjelper oss å analysere hvordan du bruker nettstedet,
lagre preferansene dine og levere innhold og annonser som er relevante for deg. Disse lagres kun i nettleseren din
med ditt forhåndssamtykke.
Du kan velge å aktivere eller deaktivere noen eller alle disse informasjonskapslene, men deaktivering kan påvirke brukeropplevelsen.
Ved å klikke “Godta” samtykker du til bruken av informasjonskapsler som beskrevet i vår
Personvernerklæring.
Nødvendige informasjonskapsler kreves for å aktivere grunnleggende funksjoner på nettstedet, som sikker innlogging eller justering av samtykkeinnstillinger. Disse informasjonskapslene lagrer ingen personlig identifiserbar informasjon.
Funksjonelle informasjonskapsler hjelper med funksjoner som deling av innhold på sosiale medier, innsamling av tilbakemeldinger og andre tredjepartsfunksjoner.
Analyse‑informasjonskapsler brukes for å forstå hvordan besøkende samhandler med nettstedet. Disse gir informasjon om målinger som antall besøkende, fluktfrekvens, trafikkilde osv.
Ytelseskapsler brukes for å forstå og analysere viktige ytelsesindikatorer som hjelper oss å levere en bedre brukeropplevelse.
Annonsekapsler brukes for å vise tilpassede annonser basert på sidene du tidligere har besøkt og for å analysere effektiviteten av annonsekampanjer.