
Treci cu cursorul peste culoare pentru a vedea codurile hex și zecimale:
| Hex: # | |||
| Roșu: | |||
| Verde: | |||
| Albastru: |
Spațiul de culoare RGB sau Sistemul de culoare RGB, construiește toate culorile din combinația dintre Roșu, Verde și Albastru culori..
Roșul, verdele și albastrul folosesc câte 8 biți fiecare, cu valori între 0 și 255. Acest lucru permite 256*256*256 = 16.777.216 culori posibile.
RGB ≡ Roșu, Verde, Albastru
Fiecare pixel al unui monitor LED afișează culorile prin combinarea LED‑urilor roșu, verde și albastru.
Când pixelul roșu este setat la 0, LED‑ul este oprit. Când este setat la 255, LED‑ul este complet aprins.
Orice valoare între acestea setează LED‑ul la o intensitate parțială.
Codul RGB are un format pe 24 de biți (biții 0..23)::
| ROșU[7:0] | VERDE[7:0] | ALBASTRU[7:0] | |||||||||||||||||||||
| 23 | 16 | 15 | 8 | 7 | 0 | ||||||||||||||||||
Culori de bază:
| Culoare | Nume HTML / CSS | Cod Hex #RRGGBB |
Cod Zecimal (R,G,B) |
|---|---|---|---|
| Negru | #000000 | (0,0,0) | |
| Alb | #FFFFFF | (255,255,255) | |
| Lime | #FF0000 | (255,0,0) | |
| Lime | #00FF00 | (0,255,0) | |
| Albastru | #0000FF | (0,0,255) | |
| Galben | #FFFF00 | (255,255,0) | |
| cyan | #00FFFF | (0,255,255) | |
| Magenta / Fuchsia | #FF00FF | (255,0,255) | |
| Argintiu | #C0C0C0 | (192,192,192) | |
| Gri | #808080 | (128,128,128) | |
| Maro închis | #800000 | (128,0,0) | |
| Olive | #808000 | (128,128,0) | |
| Verde | #008000 | (0,128,0) | |
| Mov | #800080 | (128,0,128) | |
| Teal | #008080 | (0,128,128) | |
| Bleumarin | #000080 | (0,0,128) |
| Culoare | Nume culoare | Cod Hex | Cod Zecimal | |
|---|---|---|---|---|
| Maro închis | #800000 | (128,0,0) | ||
| roșu închis | #8B0000 | (139,0,0) | ||
| maro | #A52A2A | (165,42,42) | ||
| firebrick | #B22222 | (178,34,34) | ||
| crimson | #DC143C | (220,20,60) | ||
| tomato | #FF0000 | (255,0,0) | ||
| tomato | #FF6347 | (255,99,71) | ||
| coral | #FF7F50 | (255,127,80) | ||
| roșu indian | #CD5C5C | (205,92,92) | ||
| coral deschis | #F08080 | (240,128,128) | ||
| somon închis | #E9967A | (233,150,122) | ||
| somon | #FA8072 | (250,128,114) | ||
| somon deschis | #FFA07A | (255,160,122) | ||
| roșu‑portocaliu | #FF4500 | (255,69,0) | ||
| portocaliu închis | #FF8C00 | (255,140,0) | ||
| portocaliu | #FFA500 | (255,165,0) | ||
| auriu | #FFD700 | (255,215,0) | ||
| dark golden rod | #B8860B | (184,134,11) | ||
| golden rod | #DAA520 | (218,165,32) | ||
| pale golden rod | #EEE8AA | (238,232,170) | ||
| kaki închis | #BDB76B | (189,183,107) | ||
| kaki | #F0E68C | (240,230,140) | ||
| Olive | #808000 | (128,128,0) | ||
| Galben | #FFFF00 | (255,255,0) | ||
| galben‑verde | #9ACD32 | (154,205,50) | ||
| verde olive închis | #556B2F | (85,107,47) | ||
| olive drab | #6B8E23 | (107,142,35) | ||
| verde gazon | #7CFC00 | (124,252,0) | ||
| chartreuse | #7FFF00 | (127,255,0) | ||
| verde‑galben | #ADFF2F | (173,255,47) | ||
| verde închis | #006400 | (0,100,0) | ||
| Verde | #008000 | (0,128,0) | ||
| verde pădure | #228B22 | (34,139,34) | ||
| Lime | #00FF00 | (0,255,0) | ||
| lime green | #32CD32 | (50,205,50) | ||
| verde deschis | #90EE90 | (144,238,144) | ||
| verde pal | #98FB98 | (152,251,152) | ||
| verde mare închis | #8FBC8F | (143,188,143) | ||
| verde primăvară mediu | #00FA9A | (0,250,154) | ||
| verde primăvară | #00FF7F | (0,255,127) | ||
| verde mare | #2E8B57 | (46,139,87) | ||
| aqua marine mediu | #66CDAA | (102,205,170) | ||
| verde mare mediu | #3CB371 | (60,179,113) | ||
| verde mare deschis | #20B2AA | (32,178,170) | ||
| gri ardezie închis | #2F4F4F | (47,79,79) | ||
| Teal | #008080 | (0,128,128) | ||
| cyan închis | #008B8B | (0,139,139) | ||
| cyan | #00FFFF | (0,255,255) | ||
| cyan | #00FFFF | (0,255,255) | ||
| cyan deschis | #E0FFFF | (224,255,255) | ||
| turcoaz închis | #00CED1 | (0,206,209) | ||
| turcoaz | #40E0D0 | (64,224,208) | ||
| turcoaz mediu | #48D1CC | (72,209,204) | ||
| turcoaz pal | #AFEEEE | (175,238,238) | ||
| aqua marine | #7FFFD4 | (127,255,212) | ||
| albastru pudră | #B0E0E6 | (176,224,230) | ||
| albastru cadet | #5F9EA0 | (95,158,160) | ||
| albastru oțel | #4682B4 | (70,130,180) | ||
| albastru floarea‑porumbului | #6495ED | (100,149,237) | ||
| albastru cer adânc | #00BFFF | (0,191,255) | ||
| dodger blue | #1E90FF | (30,144,255) | ||
| albastru deschis | #ADD8E6 | (173,216,230) | ||
| albastru cer | #87CEEB | (135,206,235) | ||
| albastru cer deschis | #87CEFA | (135,206,250) | ||
| albastru miez de noapte | #191970 | (25,25,112) | ||
| Bleumarin | #000080 | (0,0,128) | ||
| albastru închis | #00008B | (0,0,139) | ||
| albastru mediu | #0000CD | (0,0,205) | ||
| Albastru | #0000FF | (0,0,255) | ||
| albastru regal | #4169E1 | (65,105,225) | ||
| albastru‑violet | #8A2BE2 | (138,43,226) | ||
| indigo | #4B0082 | (75,0,130) | ||
| albastru ardezie închis | #483D8B | (72,61,139) | ||
| albastru ardezie | #6A5ACD | (106,90,205) | ||
| albastru ardezie mediu | #7B68EE | (123,104,238) | ||
| mov mediu | #9370DB | (147,112,219) | ||
| magenta închis | #8B008B | (139,0,139) | ||
| violet închis | #9400D3 | (148,0,211) | ||
| orhidee închisă | #9932CC | (153,50,204) | ||
| orhidee medie | #BA55D3 | (186,85,211) | ||
| mov | #800080 | (128,0,128) | ||
| ciulin | #D8BFD8 | (216,191,216) | ||
| prună | #DDA0DD | (221,160,221) | ||
| violet | #EE82EE | (238,130,238) | ||
| magenta | #FF00FF | (255,0,255) | ||
| orhidee | #DA70D6 | (218,112,214) | ||
| roșu‑violet mediu | #C71585 | (199,21,133) | ||
| roșu‑violet pal | #DB7093 | (219,112,147) | ||
| roz intens | #FF1493 | (255,20,147) | ||
| roz aprins | #FF69B4 | (255,105,180) | ||
| roz deschis | #FFB6C1 | (255,182,193) | ||
| roz | #FFC0CB | (255,192,203) | ||
| alb antic | #FAEBD7 | (250,235,215) | ||
| bej | #F5F5DC | (245,245,220) | ||
| bisque | #FFE4C4 | (255,228,196) | ||
| migdală decojită | #FFEBCD | (255,235,205) | ||
| grâu | #F5DEB3 | (245,222,179) | ||
| mătase de porumb | #FFF8DC | (255,248,220) | ||
| șifon de lămâie | #FFFACD | (255,250,205) | ||
| galben deschis golden rod | #FAFAD2 | (250,250,210) | ||
| galben deschis | #FFFFE0 | (255,255,224) | ||
| maro șa | #8B4513 | (139,69,19) | ||
| sienna | #A0522D | (160,82,45) | ||
| ciocolatiu | #D2691E | (210,105,30) | ||
| peru | #CD853F | (205,133,63) | ||
| maro nisipiu | #F4A460 | (244,164,96) | ||
| lemn masiv | #DEB887 | (222,184,135) | ||
| tan | #D2B48C | (210,180,140) | ||
| maro‑roz | #BC8F8F | (188,143,143) | ||
| mocasin | #FFE4B5 | (255,228,181) | ||
| alb navajo | #FFDEAD | (255,222,173) | ||
| puf de piersică | #FFDAB9 | (255,218,185) | ||
| roz cețos | #FFE4E1 | (255,228,225) | ||
| lavender blush | #FFF0F5 | (255,240,245) | ||
| in | #FAF0E6 | (250,240,230) | ||
| old lace | #FDF5E6 | (253,245,230) | ||
| papaya whip | #FFEFD5 | (255,239,213) | ||
| coajă de mare | #FFF5EE | (255,245,238) | ||
| cremă de mentă | #F5FFFA | (245,255,250) | ||
| gri ardezie | #708090 | (112,128,144) | ||
| gri ardezie deschis | #778899 | (119,136,153) | ||
| albastru oțel deschis | #B0C4DE | (176,196,222) | ||
| lavandă | #E6E6FA | (230,230,250) | ||
| alb floral | #FFFAF0 | (255,250,240) | ||
| alice blue | #F0F8FF | (240,248,255) | ||
| alb fantomă | #F8F8FF | (248,248,255) | ||
| honeydew | #F0FFF0 | (240,255,240) | ||
| fildeș | #FFFFF0 | (255,255,240) | ||
| azuriu | #F0FFFF | (240,255,255) | ||
| zăpadă | #FFFAFA | (255,250,250) | ||
| negru | #000000 | (0,0,0) | ||
| gri întunecat | #696969 | (105,105,105) | ||
| gri | #808080 | (128,128,128) | ||
| gri închis | #A9A9A9 | (169,169,169) |
Alegerea culorii perfecte este unul dintre cei mai importanți pași în orice proiect digital. Fie că proiectați un site web, creați un logo, dezvoltați o interfață de aplicație sau pur și simplu experimentați idei vizuale, selecția culorilor joacă un rol central în modelarea rezultatului final. pentru a face acest proces mai ușor, mai rapid și mai intuitiv, am creat un instrument nou-nouț care vă permite să găsiți culoarea exactă de care aveți nevoie, fie folosind mouse-ul, fie introducând manual valori RGB.
✔ Acest instrument este conceput pentru oricine lucrează cu culoarea în mod regulat și dorește o modalitate simplă, precisă și eficientă de a converti valorile RGB într-o previzualizare vizuală a culorii și un cod hexazecimal curat.
✔ Găsitorul nostru de culori RGB este construit având în vedere uzul. Oferă o experiență lină, interactivă, care vă ajută să explorați culorile vizual sau numeric, în funcție de preferințele dvs. Fie că sunteți un designer care preferă să trageți un glisor pentru a găsi nuanța perfectă sau un dezvoltator care trebuie să introducă valori RGB precise, acest instrument se adaptează fluxului dvs. de lucru.
✔ Interfața este curată, receptivă și optimizată atât pentru desktop, cât și pentru dispozitive mobile, asigurându-se că o puteți folosi oriunde vă vine inspirația.
✔ Una dintre cele mai puternice caracteristici ale acestui instrument este abilitatea de a regla culoarea folosind mouse-ul. Cu un simplu gest de glisare, puteți explora întregul spectru de valori de roșu, verde și albastru.
✔ Această abordare vizuală este perfectă pentru utilizatorii care doresc să experimenteze diferite tonuri și combinații fără a fi nevoie să cunoască în prealabil valorile numerice exacte. Pe măsură ce mutați glisoarele, instrumentul actualizează instantaneu caseta de previzualizare, oferindu-vă feedback în timp real asupra culorii pe care o creați.
✔ Acest lucru face incredibil de ușor să ajustați nuanțele, să comparați variațiile și să descoperiți idei noi de culori pe care probabil nu le-ați fi luat în considerare.
✔ Pentru utilizatorii care preferă precizia, instrumentul vă permite și să introduceți manual cele trei valori RGB. Acest lucru este util în special pentru dezvoltatorii care lucrează cu palete de culori specifice, linii directoare ale mărcii sau componente UI care necesită potrivirea exactă a culorilor.
✔ Pur și simplu introduceți valorile pentru roșu, verde și albastru, iar instrumentul va afișa imediat culoarea corespunzătoare împreună cu reprezentarea sa hexazecimală. Acest sistem de intrare dublă asigură că instrumentul este suficient de flexibil pentru a sprijini atât explorarea creativă, cât și acuratețea tehnică.
✔ Un alt avantaj cheie al acestui instrument este conversia automată de la RGB la HEX. Mulți designeri și dezvoltatori comută frecvent între aceste două formate, în special atunci când lucrează cu CSS, software de design sau branding digital. În loc să calculeze manual codul hexazecimal sau să caute un convertor extern, instrumentul nostru face treaba pentru tine instantaneu. De îndată ce selectați sau introduceți valorile RGB, codul HEX apare în format majuscule, gata pentru a fi copiat și utilizat în proiectul dumneavoastră.
✔ Acest lucru economisește timp, reduce erorile și simplifică fluxul de lucru.
✔ Dincolo de funcționalitatea sa de bază, RGB color Finder este, de asemenea, proiectat pentru a fi educațional. Pentru începători, oferă o modalitate simplă de a înțelege cum valorile RGB se combină pentru a crea culori diferite. Ajustând glisoarele sau introducând numere, utilizatorii pot vedea modul în care creșterea sau scăderea fiecărei componente afectează rezultatul final.
✔ Acest lucru face din instrument o resursă excelentă pentru studenți, pasionați și oricine învață despre teoria culorilor digitale.
✔ Instrumentul este, de asemenea, ideal pentru profesioniștii care au nevoie de un selector de culori fiabil, care funcționează direct în browser, fără a necesita instalare sau pluginuri. Indiferent dacă construiți un site web, proiectați o interfață cu utilizatorul sau pregătiți o ilustrație digitală, accesul rapid la un selector de culori precis și intuitiv vă poate accelera semnificativ procesul creativ.
✔ Designul ușor asigură timpi de încărcare rapidi, iar interfața este optimizată pentru claritate și ușurință în utilizare.
Într-o lume în care identitatea vizuală contează mai mult ca niciodată, este esențial să ai instrumentele potrivite pentru a gestiona culoarea. Găsitorul nostru de culori RGB combină simplitatea, precizia și flexibilitatea într-o singură interfață ușor de utilizat. Indiferent dacă explorați culorile cu mouse-ul sau introduceți valori RGB exacte, acest instrument vă oferă tot ce aveți nevoie pentru a găsi nuanța perfectă și pentru a o transforma instantaneu într-un cod HEX utilizabil.
Este rapid, precis și conceput pentru a sprijini atât creativitatea, cât și munca tehnică.
Lasă un comentariu sau o întrebare mai jos |
![]() |
Calculator simplu |
![]() |
Calculator științific |
![]() |
Calculator de arie |
![]() |
Calculator de volum |
![]() |
Convertor de unități |
![]() |
Calculator pentru inel (annulus) |
![]() |
Instrument de conversie a datelor |
![]() |
Compresor de imagini |
![]() |
Compresor de fișiere |
![]() |
Convertor fișiere în PDF |
![]() |
Calculator Border Radius |
![]() |
Calculator Box Shadow |
![]() |
Calculator Transform |
![]() |
Tester dispozitive responsive |
![]() |
Convertor fus orar & diferență de date |
![]() |
Calculator de procente |
![]() |
Explorator tendințe Github |
![]() |
Instrument de comparare a tendințelor |
![]() |
Generator cod QR |
![]() |
Compară fișiere online |
![]() |
Test gratuit de viteză website |
![]() |
Cel mai bun CV al tău |
![]() |
Îmbunătățește SEO cu imagini WebP ușoare |
dzosoft.com © 2022 - 2026 Autor: Ing. A. Nasri. Toate drepturile rezervate.
Folosim cookie-uri pentru a te ajuta să navighezi eficient și să îndeplinești anumite funcții. Vei găsi informații detaliate despre toate cookie-urile în fiecare categorie de consimțământ de mai jos. Cookie-urile clasificate ca „Necesare” sunt stocate în browserul tău deoarece sunt esențiale pentru funcționalitățile de bază ale site‑ului.
Folosim și cookie-uri ale terților care ne ajută să analizăm modul în care folosești acest site, să îți salvăm preferințele,
și să îți oferim conținut și reclame relevante. Aceste cookie-uri vor fi stocate în browserul tău
doar cu consimțământul tău prealabil.
Poți alege să activezi sau să dezactivezi unele sau toate aceste cookie-uri, însă dezactivarea unora poate afecta experiența de navigare.
Făcând clic pe „Accept”, îți exprimi acordul pentru utilizarea cookie-urilor conform
Politicii de confidențialitate.
Cookie-urile necesare sunt esențiale pentru activarea funcțiilor de bază ale acestui site, cum ar fi autentificarea securizată sau ajustarea preferințelor de consimțământ. Aceste cookie-uri nu stochează date personale identificabile.
Cookie-urile funcționale ajută la îndeplinirea unor funcții precum partajarea conținutului site‑ului pe platforme sociale, colectarea feedback‑ului și alte funcții ale terților.
Cookie-urile analitice sunt folosite pentru a înțelege modul în care vizitatorii interacționează cu site‑ul. Aceste cookie-uri oferă informații despre numărul de vizitatori, rata de respingere, sursa traficului etc.
Cookie-urile de performanță sunt folosite pentru a înțelege și analiza indicatorii cheie de performanță ai site‑ului, ajutând la oferirea unei experiențe mai bune vizitatorilor.
Cookie-urile de publicitate sunt folosite pentru a oferi vizitatorilor reclame personalizate pe baza paginilor vizitate anterior și pentru a analiza eficiența campaniilor publicitare.