
Håll muspekaren över färgen för att se hex‑ och decimalkoderna nedan:
| Hex: # | |||
| Röd: | |||
| Grön: | |||
| Blå: |
RGB‑färgrymd eller RGB‑färgsystem, skapar alla färger genom kombinationen av Röd, Grön och Blå färger..
Röd, grön och blå använder 8 bitar vardera, med heltalsvärden från 0 till 255. Detta ger 256*256*256 = 16 777 216 möjliga färger.
RGB ≡ Röd, Grön, Blå
Varje pixel på en LED‑skärm visar färger på detta sätt genom kombinationen av röda, gröna och blå lysdioder.
När den röda pixeln är satt till 0 är LED‑en avstängd. När den är satt till 255 är den helt på.
Alla värden däremellan ger delvis ljusemission.
RGB‑koden har ett 24‑bitarsformat (bitar 0..23)::
| RöD[7:0] | GRöN[7:0] | BLå[7:0] | |||||||||||||||||||||
| 23 | 16 | 15 | 8 | 7 | 0 | ||||||||||||||||||
Grundläggande färger:
| Färg | HTML / CSS‑namn | Hex‑kod #RRGGBB |
Decimalkod (R,G,B) |
|---|---|---|---|
| Svart | #000000 | (0,0,0) | |
| Vit | #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) | |
| Silver | #C0C0C0 | (192,192,192) | |
| Grå | #808080 | (128,128,128) | |
| Mörkröd | #800000 | (128,0,0) | |
| Oliv | #808000 | (128,128,0) | |
| Grön | #008000 | (0,128,0) | |
| Lila | #800080 | (128,0,128) | |
| Blågrön | #008080 | (0,128,128) | |
| Marinblå | #000080 | (0,0,128) |
| Färg | Färgnamn | Hex‑kod | Decimalkod | |
|---|---|---|---|---|
| Mörkröd | #800000 | (128,0,0) | ||
| mörkrö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) | ||
| ljus korall | #F08080 | (240,128,128) | ||
| mörk lax | #E9967A | (233,150,122) | ||
| lax | #FA8072 | (250,128,114) | ||
| ljus lax | #FFA07A | (255,160,122) | ||
| orangeröd | #FF4500 | (255,69,0) | ||
| mörk orange | #FF8C00 | (255,140,0) | ||
| orange | #FFA500 | (255,165,0) | ||
| guld | #FFD700 | (255,215,0) | ||
| mörk gyllene stav | #B8860B | (184,134,11) | ||
| gyllene stav | #DAA520 | (218,165,32) | ||
| blek gyllene stav | #EEE8AA | (238,232,170) | ||
| mörk kaki | #BDB76B | (189,183,107) | ||
| kaki | #F0E68C | (240,230,140) | ||
| Oliv | #808000 | (128,128,0) | ||
| Gul | #FFFF00 | (255,255,0) | ||
| gulgrön | #9ACD32 | (154,205,50) | ||
| mörk olivgrön | #556B2F | (85,107,47) | ||
| olivdrab | #6B8E23 | (107,142,35) | ||
| gräsgreen | #7CFC00 | (124,252,0) | ||
| chartreuse | #7FFF00 | (127,255,0) | ||
| grön‑gul | #ADFF2F | (173,255,47) | ||
| mörkgrön | #006400 | (0,100,0) | ||
| Grön | #008000 | (0,128,0) | ||
| skoggrön | #228B22 | (34,139,34) | ||
| Lime | #00FF00 | (0,255,0) | ||
| limegrön | #32CD32 | (50,205,50) | ||
| ljusgrön | #90EE90 | (144,238,144) | ||
| blekgrön | #98FB98 | (152,251,152) | ||
| mörk havsgrön | #8FBC8F | (143,188,143) | ||
| medium vårgrön | #00FA9A | (0,250,154) | ||
| vårgrön | #00FF7F | (0,255,127) | ||
| havsgrön | #2E8B57 | (46,139,87) | ||
| medium akvamarin | #66CDAA | (102,205,170) | ||
| medium havsgrön | #3CB371 | (60,179,113) | ||
| ljus havsgrön | #20B2AA | (32,178,170) | ||
| mörk skiffergrå | #2F4F4F | (47,79,79) | ||
| Blågrön | #008080 | (0,128,128) | ||
| mörk cyan | #008B8B | (0,139,139) | ||
| cyan | #00FFFF | (0,255,255) | ||
| cyan | #00FFFF | (0,255,255) | ||
| ljus cyan | #E0FFFF | (224,255,255) | ||
| mörk turkos | #00CED1 | (0,206,209) | ||
| turkos | #40E0D0 | (64,224,208) | ||
| medium turkos | #48D1CC | (72,209,204) | ||
| blek turkos | #AFEEEE | (175,238,238) | ||
| akvamarin | #7FFFD4 | (127,255,212) | ||
| puderblå | #B0E0E6 | (176,224,230) | ||
| kadettblå | #5F9EA0 | (95,158,160) | ||
| stålblå | #4682B4 | (70,130,180) | ||
| kornblå | #6495ED | (100,149,237) | ||
| djup himmelsblå | #00BFFF | (0,191,255) | ||
| dodger blue | #1E90FF | (30,144,255) | ||
| ljusblå | #ADD8E6 | (173,216,230) | ||
| himmelsblå | #87CEEB | (135,206,235) | ||
| ljus himmelsblå | #87CEFA | (135,206,250) | ||
| midnattblå | #191970 | (25,25,112) | ||
| Marinblå | #000080 | (0,0,128) | ||
| mörkblå | #00008B | (0,0,139) | ||
| mediumblå | #0000CD | (0,0,205) | ||
| Blå | #0000FF | (0,0,255) | ||
| kunglig blå | #4169E1 | (65,105,225) | ||
| blåviolett | #8A2BE2 | (138,43,226) | ||
| indigo | #4B0082 | (75,0,130) | ||
| mörk skifferblå | #483D8B | (72,61,139) | ||
| skifferblå | #6A5ACD | (106,90,205) | ||
| medium skifferblå | #7B68EE | (123,104,238) | ||
| medium lila | #9370DB | (147,112,219) | ||
| mörk magenta | #8B008B | (139,0,139) | ||
| mörk violett | #9400D3 | (148,0,211) | ||
| mörk orkidé | #9932CC | (153,50,204) | ||
| medium orkidé | #BA55D3 | (186,85,211) | ||
| lila | #800080 | (128,0,128) | ||
| tistel | #D8BFD8 | (216,191,216) | ||
| plommon | #DDA0DD | (221,160,221) | ||
| violett | #EE82EE | (238,130,238) | ||
| magenta | #FF00FF | (255,0,255) | ||
| orkidé | #DA70D6 | (218,112,214) | ||
| medium violett‑röd | #C71585 | (199,21,133) | ||
| blek violett‑röd | #DB7093 | (219,112,147) | ||
| djup rosa | #FF1493 | (255,20,147) | ||
| hot pink | #FF69B4 | (255,105,180) | ||
| ljusrosa | #FFB6C1 | (255,182,193) | ||
| rosa | #FFC0CB | (255,192,203) | ||
| antikvit | #FAEBD7 | (250,235,215) | ||
| beige | #F5F5DC | (245,245,220) | ||
| bisque | #FFE4C4 | (255,228,196) | ||
| blancherad mandel | #FFEBCD | (255,235,205) | ||
| vete | #F5DEB3 | (245,222,179) | ||
| majs siden | #FFF8DC | (255,248,220) | ||
| citronchiffon | #FFFACD | (255,250,205) | ||
| ljus gyllene stav gul | #FAFAD2 | (250,250,210) | ||
| ljusgul | #FFFFE0 | (255,255,224) | ||
| sadelbrun | #8B4513 | (139,69,19) | ||
| sienna | #A0522D | (160,82,45) | ||
| choklad | #D2691E | (210,105,30) | ||
| peru | #CD853F | (205,133,63) | ||
| sandbrun | #F4A460 | (244,164,96) | ||
| burlywood | #DEB887 | (222,184,135) | ||
| tan | #D2B48C | (210,180,140) | ||
| rosenbrun | #BC8F8F | (188,143,143) | ||
| mockasin | #FFE4B5 | (255,228,181) | ||
| navajovit | #FFDEAD | (255,222,173) | ||
| persikopuff | #FFDAB9 | (255,218,185) | ||
| dimrosa | #FFE4E1 | (255,228,225) | ||
| lavendelblush | #FFF0F5 | (255,240,245) | ||
| linne | #FAF0E6 | (250,240,230) | ||
| old lace | #FDF5E6 | (253,245,230) | ||
| papayakräm | #FFEFD5 | (255,239,213) | ||
| snäckskal | #FFF5EE | (255,245,238) | ||
| mintkräm | #F5FFFA | (245,255,250) | ||
| skiffergrå | #708090 | (112,128,144) | ||
| ljus skiffergrå | #778899 | (119,136,153) | ||
| ljus stålblå | #B0C4DE | (176,196,222) | ||
| lavendel | #E6E6FA | (230,230,250) | ||
| blomvit | #FFFAF0 | (255,250,240) | ||
| alice blue | #F0F8FF | (240,248,255) | ||
| spökvit | #F8F8FF | (248,248,255) | ||
| honungsdagg | #F0FFF0 | (240,255,240) | ||
| elfenben | #FFFFF0 | (255,255,240) | ||
| azurblå | #F0FFFF | (240,255,255) | ||
| snö | #FFFAFA | (255,250,250) | ||
| svart | #000000 | (0,0,0) | ||
| dimgrå | #696969 | (105,105,105) | ||
| grå / grey | #808080 | (128,128,128) | ||
| mörkgrå | #A9A9A9 | (169,169,169) |
Upptäck färger direkt: En kraftfull RGB-färgsökare för designers, utvecklare och skapare | |
| Att välja den perfekta färgen är ett av de viktigaste stegen i alla digitala projekt. Oavsett om du designar en webbplats, skapar en logotyp, utvecklar ett appgränssnitt eller helt enkelt experimenterar med visuella idéer, spelar färgval en central roll för att forma slutresultatet. för att göra denna process enklare, snabbare och mer intuitiv har vi skapat ett helt nytt verktyg som låter dig Hitta den exakta färgen du behöver med antingen musen eller genom att manuellt ange RGB-värden. | |
| ✔ Det här verktyget är designat för alla som arbetar med färg regelbundet och vill ha ett enkelt, exakt och effektivt sätt att konvertera RGB-värden till en visuell färgförhandsvisning och en ren hexadecimal kod. | |
| ✔ Vår RGB Color Finder är byggd med användbarhet i åtanke. Den erbjuder en smidig, interaktiv upplevelse som hjälper dig att utforska färger visuellt eller numeriskt, beroende på dina önskemål. Oavsett om du är en designer som föredrar att dra ett reglage för att hitta den perfekta nyansen, eller en utvecklare som behöver skriva exakta RGB-värden, anpassar det här verktyget till ditt arbetsflöde. | |
| ✔ Gränssnittet är rent, lyhört och optimerat för både stationära och mobila enheter, vilket säkerställer att du kan använda det varhelst inspirationen slår. | |
| ✔ En av de mest kraftfulla funktionerna i det här verktyget är möjligheten att justera färgen med musen. Med en enkel draggest kan du utforska hela spektrumet av röda, gröna och blå värden. | |
| ✔ Detta visuella tillvägagångssätt är perfekt för användare som vill experimentera med olika toner och kombinationer utan att behöva veta de exakta numeriska värdena i förväg. När du flyttar reglagen uppdaterar verktyget omedelbart förhandsgranskningsrutan, vilket ger dig feedback i realtid om färgen du skapar. | |
| ✔ Detta gör det otroligt enkelt att finjustera nyanser, jämföra varianter och upptäcka nya färgidéer som du kanske inte hade tänkt på. | |
| ✔ För användare som föredrar precision låter verktyget dig också manuellt ange de tre RGB-värdena. Detta är särskilt användbart för utvecklare som arbetar med specifika färgpaletter, varumärkesriktlinjer eller UI-komponenter som kräver exakt färgmatchning. | |
| ✔ Skriv bara in värdena för rött, grönt och blått, så kommer verktyget omedelbart att visa motsvarande färg tillsammans med dess hexadecimala representation. Detta system med dubbla inmatningar säkerställer att verktyget är tillräckligt flexibelt för att stödja både kreativ utforskning och teknisk noggrannhet. | |
| ✔ En annan viktig fördel med detta verktyg är den automatiska konverteringen från RGB till HEX. Många designers och utvecklare byter ofta mellan dessa två format, särskilt när de arbetar med CSS, designprogramvara eller digital branding. Istället för att manuellt beräkna den hexadecimala koden eller söka efter en extern omvandlare, gör vårt verktyg jobbet åt dig direkt. Så snart du väljer eller anger dina RGB-värden visas HEX-koden i versaler, redo att kopieras och användas i ditt projekt. | |
| ✔ Detta sparar tid, minskar fel och effektiviserar ditt arbetsflöde. | |
| ✔ Utöver sin kärnfunktionalitet är RGB Color Finder också designad för att vara pedagogisk. För nybörjare ger det ett enkelt sätt att förstå hur RGB-värden kombineras för att skapa olika färger. Genom att justera reglagen eller ange siffror kan användare se hur en ökning eller minskning av varje komponent påverkar det slutliga resultatet. | |
| ✔ Detta gör verktyget till en utmärkt resurs för studenter, hobbyister och alla som lär sig om digital färgteori. | |
| ✔ Verktyget är också idealiskt för proffs som behöver en pålitlig färgväljare som fungerar direkt i webbläsaren utan att kräva någon installation eller plugins. Oavsett om du bygger en webbplats, designar ett användargränssnitt eller förbereder en digital illustration, kan snabb tillgång till en exakt och intuitiv färgväljare påskynda din kreativa process avsevärt. | |
| ✔ Den lätta designen säkerställer snabba laddningstider och gränssnittet är optimerat för tydlighet och användarvänlighet. | |
| I en värld där visuell identitet är viktigare än någonsin, är det viktigt att ha rätt verktyg för att hantera färg. Vår RGB Color Finder kombinerar enkelhet, precision och flexibilitet i ett enda användarvänligt gränssnitt. Oavsett om du utforskar färger med musen eller anger exakta RGB-värden, ger det här verktyget dig allt du behöver för att hitta den perfekta nyansen och konvertera den direkt till en användbar HEX-kod. | |
| Den är snabb, exakt och utformad för att stödja både kreativitet och tekniskt arbete. | |
Lämna en kommentar eller fråga nedan |
![]() |
Enkel Kalkylator |
![]() |
Vetenskaplig Kalkylator |
![]() |
Area Kalkylator |
![]() |
Volym Kalkylator |
![]() |
Enhetsomvandlare |
![]() |
Ringarea Kalkylator |
![]() |
Datakonverteringsverktyg |
![]() |
Bildkompressor |
![]() |
Filkompressor |
![]() |
RGB Färgväljare |
![]() |
Fil till PDF‑omvandlare |
![]() |
Border‑Radius Kalkylator |
![]() |
Box‑Shadow Kalkylator |
![]() |
Transform Kalkylator |
![]() |
Responsiv Enhetstestare |
![]() |
Tidszonsomvandlare & Datumskillnad |
![]() |
Procent Kalkylator |
![]() |
GitHub Trendutforskare |
![]() |
Trendjämförelseverktyg |
![]() |
QR‑kod Generator |
![]() |
Jämför filer online |
![]() |
Gratis Webbplats Hastighetstest |
dzosoft.com © 2022 - 2026 Författare: Ing. A. Nasri. Alla rättigheter förbehållna.
Vi använder cookies för att hjälpa dig navigera effektivt och utföra vissa funktioner. Du hittar detaljerad information om alla cookies under varje samtyckeskategori nedan. Cookies som kategoriseras som ”Nödvändiga” lagras i din webbläsare eftersom de är viktiga för att aktivera webbplatsens grundläggande funktioner.
Vi använder också tredjepartscookies som hjälper oss att analysera hur du använder webbplatsen, lagra dina preferenser,
och tillhandahålla innehåll och annonser som är relevanta för dig. Dessa cookies lagras endast i din webbläsare
med ditt föregående samtycke.
Du kan välja att aktivera eller inaktivera vissa eller alla cookies, men att inaktivera vissa kan påverka din upplevelse.
Genom att klicka på ”Acceptera” samtycker du till användningen av cookies enligt vår
Integritetspolicy.
Nödvändiga cookies krävs för att aktivera webbplatsens grundläggande funktioner, såsom säker inloggning eller justering av dina samtyckesinställningar. Dessa cookies lagrar ingen personligt identifierbar information.
Funktionella cookies hjälper till med funktioner som att dela innehåll på sociala medier, samla in feedback och andra tredjepartsfunktioner.
Analytiska cookies används för att förstå hur besökare interagerar med webbplatsen. Dessa cookies ger information om mätvärden som antal besökare, avvisningsfrekvens, trafikkälla osv.
Prestandacookies används för att förstå och analysera webbplatsens nyckelindikatorer vilket hjälper oss att leverera en bättre användarupplevelse.
Annonscookies används för att visa anpassade annonser baserat på sidor du tidigare besökt och för att analysera effektiviteten av kampanjer.