
Najedź kursorem na kolor, aby zobaczyć kod hex i kod dziesiętny poniżej:
| Hex: # | |||
| Czerwony: | |||
| Zielony: | |||
| Niebieski: |
Przestrzeń kolorów RGB lub System kolorów RGB, tworzy wszystkie kolory poprzez kombinację Czerwony, Zielony oraz Niebieski kolorów..
Czerwony, zielony i niebieski używają po 8 bitów, co daje wartości od 0 do 255. To daje 256*256*256 = 16 777 216 możliwych kolorów.
RGB ≡ Czerwony, Zielony, Niebieski
Każdy piksel monitora LED wyświetla kolory w ten sposób, łącząc czerwone, zielone i niebieskie diody LED.
Gdy czerwony piksel ma wartość 0, dioda jest wyłączona. Gdy ma wartość 255, świeci w pełni.
Każda wartość pomiędzy ustawia diodę na częściową emisję światła.
Kod RGB ma format 24‑bitowy (bity 0..23)::
| CZERWONY[7:0] | ZIELONY[7:0] | NIEBIESKI[7:0] | |||||||||||||||||||||
| 23 | 16 | 15 | 8 | 7 | 0 | ||||||||||||||||||
Kolory podstawowe:
| Kolor | Nazwa HTML / CSS | Kod Hex #RRGGBB |
Kod dziesiętny (R,G,B) |
|---|---|---|---|
| Czarny | #000000 | (0,0,0) | |
| Biały | #FFFFFF | (255,255,255) | |
| Limonkowy | #FF0000 | (255,0,0) | |
| Limonkowy | #00FF00 | (0,255,0) | |
| Niebieski | #0000FF | (0,0,255) | |
| Żółty | #FFFF00 | (255,255,0) | |
| cyjan | #00FFFF | (0,255,255) | |
| Magenta / Fuksja | #FF00FF | (255,0,255) | |
| Srebrny | #C0C0C0 | (192,192,192) | |
| Szary | #808080 | (128,128,128) | |
| Bordowy | #800000 | (128,0,0) | |
| Oliwkowy | #808000 | (128,128,0) | |
| Zielony | #008000 | (0,128,0) | |
| Purpurowy | #800080 | (128,0,128) | |
| Morski | #008080 | (0,128,128) | |
| Granatowy | #000080 | (0,0,128) |
| Kolor | Nazwa koloru | Kod Hex | Kod dziesiętny | |
|---|---|---|---|---|
| Bordowy | #800000 | (128,0,0) | ||
| ciemnoczerwony | #8B0000 | (139,0,0) | ||
| brązowy | #A52A2A | (165,42,42) | ||
| firebrick | #B22222 | (178,34,34) | ||
| karmazynowy | #DC143C | (220,20,60) | ||
| pomidorowy | #FF0000 | (255,0,0) | ||
| pomidorowy | #FF6347 | (255,99,71) | ||
| koralowy | #FF7F50 | (255,127,80) | ||
| czerwony indyjski | #CD5C5C | (205,92,92) | ||
| jasny koralowy | #F08080 | (240,128,128) | ||
| ciemny łososiowy | #E9967A | (233,150,122) | ||
| łososiowy | #FA8072 | (250,128,114) | ||
| jasny łososiowy | #FFA07A | (255,160,122) | ||
| czerwono‑pomarańczowy | #FF4500 | (255,69,0) | ||
| ciemnopomarańczowy | #FF8C00 | (255,140,0) | ||
| pomarańczowy | #FFA500 | (255,165,0) | ||
| złoty | #FFD700 | (255,215,0) | ||
| ciemny złoty odcień | #B8860B | (184,134,11) | ||
| złoty odcień | #DAA520 | (218,165,32) | ||
| blady złoty odcień | #EEE8AA | (238,232,170) | ||
| ciemna kakhi | #BDB76B | (189,183,107) | ||
| kakhi | #F0E68C | (240,230,140) | ||
| Oliwkowy | #808000 | (128,128,0) | ||
| Żółty | #FFFF00 | (255,255,0) | ||
| żółto‑zielony | #9ACD32 | (154,205,50) | ||
| ciemna zieleń oliwkowa | #556B2F | (85,107,47) | ||
| oliwkowy drab | #6B8E23 | (107,142,35) | ||
| zieleń trawnikowa | #7CFC00 | (124,252,0) | ||
| chartreuse | #7FFF00 | (127,255,0) | ||
| żółto‑zielony jasny | #ADFF2F | (173,255,47) | ||
| ciemnozielony | #006400 | (0,100,0) | ||
| Zielony | #008000 | (0,128,0) | ||
| zieleń leśna | #228B22 | (34,139,34) | ||
| Limonkowy | #00FF00 | (0,255,0) | ||
| jasna limonka | #32CD32 | (50,205,50) | ||
| jasna zieleń | #90EE90 | (144,238,144) | ||
| blada zieleń | #98FB98 | (152,251,152) | ||
| ciemna zieleń morska | #8FBC8F | (143,188,143) | ||
| średnia wiosenna zieleń | #00FA9A | (0,250,154) | ||
| wiosenna zieleń | #00FF7F | (0,255,127) | ||
| zieleń morska | #2E8B57 | (46,139,87) | ||
| średnia akwamaryna | #66CDAA | (102,205,170) | ||
| średnia zieleń morska | #3CB371 | (60,179,113) | ||
| jasna zieleń morska | #20B2AA | (32,178,170) | ||
| ciemny łupek szary | #2F4F4F | (47,79,79) | ||
| Morski | #008080 | (0,128,128) | ||
| ciemny cyjan | #008B8B | (0,139,139) | ||
| cyjan | #00FFFF | (0,255,255) | ||
| cyjan | #00FFFF | (0,255,255) | ||
| jasny cyjan | #E0FFFF | (224,255,255) | ||
| ciemny turkus | #00CED1 | (0,206,209) | ||
| turkus | #40E0D0 | (64,224,208) | ||
| średni turkus | #48D1CC | (72,209,204) | ||
| blady turkus | #AFEEEE | (175,238,238) | ||
| akwamaryna | #7FFFD4 | (127,255,212) | ||
| błękit pudrowy | #B0E0E6 | (176,224,230) | ||
| błękit kadetowy | #5F9EA0 | (95,158,160) | ||
| stalowy niebieski | #4682B4 | (70,130,180) | ||
| błękit chabrowy | #6495ED | (100,149,237) | ||
| głęboki błękit nieba | #00BFFF | (0,191,255) | ||
| błękit dodgera | #1E90FF | (30,144,255) | ||
| jasny niebieski | #ADD8E6 | (173,216,230) | ||
| niebieskie niebo | #87CEEB | (135,206,235) | ||
| jasne niebieskie niebo | #87CEFA | (135,206,250) | ||
| granat północny | #191970 | (25,25,112) | ||
| Granatowy | #000080 | (0,0,128) | ||
| ciemnoniebieski | #00008B | (0,0,139) | ||
| średni niebieski | #0000CD | (0,0,205) | ||
| Niebieski | #0000FF | (0,0,255) | ||
| królewski niebieski | #4169E1 | (65,105,225) | ||
| niebiesko‑fioletowy | #8A2BE2 | (138,43,226) | ||
| indygo | #4B0082 | (75,0,130) | ||
| ciemny łupek niebieski | #483D8B | (72,61,139) | ||
| łupek niebieski | #6A5ACD | (106,90,205) | ||
| średni łupek niebieski | #7B68EE | (123,104,238) | ||
| średni fioletowy | #9370DB | (147,112,219) | ||
| ciemna magenta | #8B008B | (139,0,139) | ||
| ciemny fiolet | #9400D3 | (148,0,211) | ||
| ciemna orchidea | #9932CC | (153,50,204) | ||
| średnia orchidea | #BA55D3 | (186,85,211) | ||
| purpurowy | #800080 | (128,0,128) | ||
| ostropest | #D8BFD8 | (216,191,216) | ||
| śliwkowy | #DDA0DD | (221,160,221) | ||
| fioletowy jasny | #EE82EE | (238,130,238) | ||
| magenta | #FF00FF | (255,0,255) | ||
| orchidea | #DA70D6 | (218,112,214) | ||
| średni czerwono‑fioletowy | #C71585 | (199,21,133) | ||
| blady czerwono‑fioletowy | #DB7093 | (219,112,147) | ||
| głęboki róż | #FF1493 | (255,20,147) | ||
| gorący róż | #FF69B4 | (255,105,180) | ||
| jasny róż | #FFB6C1 | (255,182,193) | ||
| różowy | #FFC0CB | (255,192,203) | ||
| antyczna biel | #FAEBD7 | (250,235,215) | ||
| beżowy | #F5F5DC | (245,245,220) | ||
| biszkoptowy | #FFE4C4 | (255,228,196) | ||
| blanszowany migdał | #FFEBCD | (255,235,205) | ||
| pszeniczny | #F5DEB3 | (245,222,179) | ||
| jedwab kukurydziany | #FFF8DC | (255,248,220) | ||
| cytrynowy chiffon | #FFFACD | (255,250,205) | ||
| jasny złoty odcień | #FAFAD2 | (250,250,210) | ||
| jasnożółty | #FFFFE0 | (255,255,224) | ||
| ciemny brąz siodłowy | #8B4513 | (139,69,19) | ||
| sienna | #A0522D | (160,82,45) | ||
| czekoladowy | #D2691E | (210,105,30) | ||
| peru | #CD853F | (205,133,63) | ||
| piaskowy brąz | #F4A460 | (244,164,96) | ||
| drzewo bukowe | #DEB887 | (222,184,135) | ||
| opalenizna | #D2B48C | (210,180,140) | ||
| różany brąz | #BC8F8F | (188,143,143) | ||
| mokasyn | #FFE4B5 | (255,228,181) | ||
| navajo white | #FFDEAD | (255,222,173) | ||
| brzoskwiniowy puff | #FFDAB9 | (255,218,185) | ||
| mglisty róż | #FFE4E1 | (255,228,225) | ||
| lawendowy rumieniec | #FFF0F5 | (255,240,245) | ||
| len | #FAF0E6 | (250,240,230) | ||
| stara koronka | #FDF5E6 | (253,245,230) | ||
| papaja whip | #FFEFD5 | (255,239,213) | ||
| muszla morska | #FFF5EE | (255,245,238) | ||
| miętowa śmietanka | #F5FFFA | (245,255,250) | ||
| łupek szary | #708090 | (112,128,144) | ||
| jasny łupek szary | #778899 | (119,136,153) | ||
| jasny stalowy niebieski | #B0C4DE | (176,196,222) | ||
| lawenda | #E6E6FA | (230,230,250) | ||
| kwiatowa biel | #FFFAF0 | (255,250,240) | ||
| alice blue | #F0F8FF | (240,248,255) | ||
| biały duch | #F8F8FF | (248,248,255) | ||
| miodowa rosa | #F0FFF0 | (240,255,240) | ||
| kość słoniowa | #FFFFF0 | (255,255,240) | ||
| azure | #F0FFFF | (240,255,255) | ||
| śnieg | #FFFAFA | (255,250,250) | ||
| czarny | #000000 | (0,0,0) | ||
| ciemny szary | #696969 | (105,105,105) | ||
| szary / grey | #808080 | (128,128,128) | ||
| ciemny szary | #A9A9A9 | (169,169,169) |
Wybór idealnego koloru to jeden z najważniejszych kroków w każdym projekcie cyfrowym. Niezależnie od tego, czy projektujesz stronę internetową, tworzysz logo, tworzysz interfejs aplikacji, czy po prostu eksperymentujesz z pomysłami wizualnymi, dobór kolorów odgrywa kluczową rolę w kształtowaniu efektu końcowego. Aby uczynić ten proces łatwiejszym, szybszym i bardziej intuicyjnym, stworzyliśmy zupełnie nowe narzędzie, które pozwala znaleźć dokładnie taki kolor, jakiego potrzebujesz, za pomocą myszy lub ręcznie wprowadzając wartości RGB.
✔ To narzędzie jest przeznaczone dla każdego, kto regularnie pracuje z kolorami i potrzebuje prostego, dokładnego i wydajnego sposobu na konwersję wartości rgb na wizualny podgląd kolorów i czysty kod szesnastkowy.
✔ Nasza wyszukiwarka kolorów RGB została stworzona z myślą o użyteczności. Oferuje płynne, interaktywne doświadczenie, które pomaga eksplorować kolory wizualnie lub numerycznie, w zależności od preferencji. Niezależnie od tego, czy jesteś projektantem, który woli przeciągać suwak, aby znaleźć idealny odcień, czy programistą, który musi wpisać dokładne wartości RGB, to narzędzie dostosowuje się do Twojego przepływu pracy.
✔ Interfejs jest przejrzysty, responsywny i zoptymalizowany zarówno pod kątem komputerów stacjonarnych, jak i urządzeń mobilnych, dzięki czemu możesz z niego korzystać wszędzie tam, gdzie pojawi się inspiracja.
✔ Jedną z najpotężniejszych funkcji tego narzędzia jest możliwość dostosowania koloru za pomocą myszy. Za pomocą prostego gestu przeciągania możesz eksplorować pełne spektrum wartości koloru czerwonego, zielonego i niebieskiego.
✔ To wizualne podejście jest idealne dla użytkowników, którzy chcą eksperymentować z różnymi tonami i kombinacjami bez konieczności wcześniejszej znajomości dokładnych wartości liczbowych. W miarę przesuwania suwaków narzędzie natychmiast aktualizuje okno podglądu, dając w czasie rzeczywistym informację zwrotną na temat tworzonego koloru.
✔ Dzięki temu niezwykle łatwo jest dostroić odcienie, porównać odmiany i odkryć nowe pomysły na kolory, których być może nie brałeś pod uwagę.
✔ Dla użytkowników preferujących precyzję narzędzie umożliwia także ręczne wprowadzenie trzech wartości RGB. Jest to szczególnie przydatne dla programistów pracujących z określonymi paletami kolorów, wytycznymi dotyczącymi marki lub komponentami interfejsu użytkownika, które wymagają dokładnego dopasowania kolorów.
✔ Po prostu wpisz wartości koloru czerwonego, zielonego i niebieskiego, a narzędzie natychmiast wyświetli odpowiedni kolor wraz z jego reprezentacją szesnastkową. Ten podwójny system wejściowy zapewnia, że narzędzie jest wystarczająco elastyczne, aby wspierać zarówno kreatywne poszukiwania, jak i dokładność techniczną.
✔ Kolejną kluczową zaletą tego narzędzia jest automatyczna konwersja z RGB na HEX. Wielu projektantów i programistów często przełącza się między tymi dwoma formatami, szczególnie podczas pracy z CSS, oprogramowaniem do projektowania lub brandingiem cyfrowym. Zamiast ręcznie obliczać kod szesnastkowy lub szukać zewnętrznego konwertera, nasze narzędzie natychmiast wykona pracę za Ciebie. Gdy tylko wybierzesz lub wprowadzisz wartości RGB, kod HEX pojawi się w formacie wielkich liter, gotowy do skopiowania i wykorzystania w projekcie.
✔ Oszczędza to czas, zmniejsza liczbę błędów i usprawnia przepływ pracy.
✔ Poza swoją podstawową funkcjonalnością, wyszukiwarka kolorów RGB ma także funkcję edukacyjną. Dla początkujących zapewnia prosty sposób zrozumienia, w jaki sposób wartości RGB łączą się, tworząc różne kolory. Dostosowując suwaki lub wprowadzając liczby, użytkownicy mogą zobaczyć, jak zwiększenie lub zmniejszenie każdego składnika wpływa na wynik końcowy.
✔ Dzięki temu narzędzie jest doskonałym źródłem informacji dla studentów, hobbystów i wszystkich osób uczących się teorii koloru cyfrowego.
✔ Narzędzie jest również idealne dla profesjonalistów, którzy potrzebują niezawodnego próbnika kolorów, który działa bezpośrednio w przeglądarce, bez konieczności instalacji lub wtyczek. Niezależnie od tego, czy budujesz stronę internetową, projektujesz interfejs użytkownika, czy przygotowujesz ilustrację cyfrową, szybki dostęp do precyzyjnego i intuicyjnego selektora kolorów może znacznie przyspieszyć Twój proces twórczy.
✔ Lekka konstrukcja zapewnia szybki czas ładowania, a interfejs jest zoptymalizowany pod kątem przejrzystości i łatwości użytkowania.
W świecie, w którym identyfikacja wizualna liczy się bardziej niż kiedykolwiek, posiadanie odpowiednich narzędzi do zarządzania kolorem jest niezbędne. Nasza wyszukiwarka kolorów RGB łączy w sobie prostotę, precyzję i elastyczność w jednym, przyjaznym dla użytkownika interfejsie. Niezależnie od tego, czy badasz kolory za pomocą myszy, czy wprowadzasz dokładne wartości RGB, to narzędzie zapewnia wszystko, czego potrzebujesz, aby znaleźć idealny odcień i natychmiastowo przekonwertować go na użyteczny kod HEX.
Jest szybki, dokładny i zaprojektowany tak, aby wspierać zarówno kreatywność, jak i pracę techniczną.
Zostaw komentarz lub pytanie poniżej |
![]() |
Prosty kalkulator |
![]() |
Kalkulator naukowy |
![]() |
Kalkulator pola |
![]() |
Kalkulator objętości |
![]() |
Konwerter jednostek |
![]() |
Kalkulator pierścienia |
![]() |
Narzędzie konwersji danych |
![]() |
Kompresor obrazów |
![]() |
Kompresor plików |
![]() |
Selektor kolorów RGB |
![]() |
Konwerter plików do PDF |
![]() |
Kalkulator zaokrągleń CSS |
![]() |
Kalkulator cieni CSS |
![]() |
Kalkulator transformacji CSS |
![]() |
Tester responsywności urządzeń |
![]() |
Konwerter stref czasowych i różnicy dat |
![]() |
Kalkulator procentów |
![]() |
Eksplorator trendów GitHub |
![]() |
Narzędzie porównywania trendów |
![]() |
Generator kodów QR |
![]() |
Porównywarka plików online |
![]() |
Darmowy test szybkości strony |
![]() |
Twoje najlepsze CV |
![]() |
Popraw SEO dzięki lekkim obrazom WebP |
dzosoft.com © 2022 - 2026 Autor: Ing. A. Nasri. Wszelkie prawa zastrzeżone.
Używamy plików cookie, aby ułatwić nawigację i wykonywać określone funkcje. Szczegółowe informacje o wszystkich plikach cookie znajdziesz w każdej kategorii zgód poniżej. Pliki cookie sklasyfikowane jako „Niezbędne” są przechowywane w Twojej przeglądarce, ponieważ są kluczowe dla podstawowych funkcji strony.
Używamy również plików cookie stron trzecich, które pomagają analizować sposób korzystania z witryny, przechowywać preferencje,
oraz dostarczać treści i reklamy dopasowane do Twoich potrzeb. Te pliki cookie będą przechowywane
wyłącznie za Twoją wcześniejszą zgodą.
Możesz włączyć lub wyłączyć niektóre lub wszystkie z nich, jednak wyłączenie części może wpłynąć na komfort przeglądania.
Klikając „Akceptuję”, wyrażasz zgodę na użycie plików cookie zgodnie z naszą
Polityką prywatności.
Niezbędne pliki cookie umożliwiają podstawowe funkcje strony, takie jak bezpieczne logowanie lub zarządzanie preferencjami zgód. Te pliki cookie nie przechowują żadnych danych osobowych.
Pliki cookie funkcjonalne wspierają funkcje, takie jak udostępnianie treści w mediach społecznościowych, zbieranie opinii i inne funkcje stron trzecich.
Pliki cookie analityczne pomagają zrozumieć, jak użytkownicy korzystają z witryny. Dostarczają informacji o liczbie odwiedzających, współczynniku odrzuceń, źródłach ruchu itp.
Pliki cookie wydajnościowe pomagają analizować kluczowe wskaźniki wydajności strony, co pozwala zapewnić lepsze doświadczenie użytkownika.
Pliki cookie reklamowe służą do wyświetlania spersonalizowanych reklam na podstawie wcześniej odwiedzanych stron oraz do analizy skuteczności kampanii reklamowych.