Jak przeliczyć RGB na HEX i HEX na RGB?

Wpisz wartość HEX, np. #2E8B57, w polu HEX, a pole RGB od razu pokaże rgb(46, 139, 87) — i odwrotnie. Ponieważ wszystkie formaty są zsynchronizowane, zamiana działa w obie strony bez dodatkowego kroku.

Czy narzędzie obsługuje kolory RAL i NCS?

Nie. Konwerter działa na formatach cyfrowych — RGB, HEX, HSL, HSV i CMYK — które są niezależne od urządzenia w sensie matematycznym. RAL i NCS to znormalizowane wzorniki farb używane głównie w przemyśle i wykończeniach, a ich odwzorowanie wymaga oficjalnych tablic dopasowania, dlatego nie da się ich wiernie wyliczyć z samej wartości ekranowej.

Czy narzędzie przelicza RGB na CMYK do druku?

Tak. Pola CMYK i CMYKA aktualizują się po zmianie dowolnego innego formatu, podając wartości cyjanu, magenty, żółtego i czerni. Pamiętaj jednak, że CMYK zależy od urządzenia i profilu kolorów, więc wydruk może nieznacznie różnić się od tego, co widzisz na ekranie.

Narzędzia kolorów

Internetowy konwerter kolorów | Synchronizacja RGB, HEX, HSL, HSV i CMYK

Przelicz kolory między RGB, HEX, HSL, HSV i CMYK online. Wpisz dowolny format, np. RGB na HEX, a pozostałe wartości zaktualizują się natychmiast.

Synchronizacja na żywoBez przesyłania plików

Podgląd wizualny

Użyj próbki, natywnego selektora i suwaka alpha, aby precyzyjnie dopasować ten sam kolor we wszystkich formatach.

Kolor podglądu

#3B82F6

rgba(59, 130, 246, 0.84)

Selektor kolorów

#3B82F6

Alpha

0.84

Kanały na żywo

HEX

R: 59
G: 130
B: 246
A: 0.84

Wskazówka edycji

Jeśli podczas wpisywania pole chwilowo stanie się nieprawidłowe, ostatni poprawny kolor pozostanie aktywny. Dokończ wartość, a pozostałe formaty zsynchronizują się ponownie automatycznie.

Synchronizacja na żywoBez przesyłania plików

Dwukierunkowy edytor formatów kolorów

Wszystkie poniższe formaty można edytować. Zmień HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK lub CMYKA, a pozostałe modele kolorów pozostaną od razu zsynchronizowane.

HEX

źródło

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

Wyjaśnienie

RGB

RGB to standardowy model kolorów złożony z kanałów czerwonego (R), zielonego (G) i niebieskiego (B). Regulując intensywność tych trzech kanałów, RGB może odwzorować większość kolorów widocznych na ekranach. To jeden z najczęściej używanych systemów kolorów w środowisku cyfrowym.

RGBA

RGBA to RGB z kanałem alpha odpowiedzialnym za przezroczystość. R, G i B zwykle mają wartości od 0 do 255, a A zazwyczaj od 0 do 1 lub od 0% do 100%. Format jest często używany w CSS, gdy ten sam kolor ma mieć różny poziom krycia.

HEX

HEX to szesnastkowy sposób zapisu kolorów. Jest powszechny w projektowaniu stron i CSS, ponieważ jest zwięzły i łatwy do skopiowania. Wartość taka jak #2E8B57 zapisuje czerwony, zielony i niebieski jako pary szesnastkowe, a rozszerzone warianty mogą zawierać także przezroczystość.

HSL

HSL (Hue, Saturation, Lightness) opisuje kolory RGB w cylindrycznym układzie współrzędnych. H oznacza odcień, S nasycenie, a L jasność. 0% to najciemniej, 50% to poziom zrównoważony, a 100% to najjaśniej.

HSLA

HSLA to wersja HSL z kanałem alpha. Zachowuje odcień, nasycenie i jasność, a jednocześnie dodaje przezroczystość, dzięki czemu dobrze nadaje się do cieni, nakładek, półprzezroczystych wypełnień i stanów interfejsu.

HSV

HSV (Hue, Saturation, Value) to przestrzeń barw stworzona przez A. R. Smitha w 1978 roku, znana również jako model Hexcone. Ponieważ wartość bezpośrednio opisuje postrzeganą jasność, HSV bywa bardziej intuicyjny podczas wybierania kolorów.

HSVA

HSVA rozszerza HSV o kanał alpha. Przydaje się, gdy chcesz korzystać z modelu odcienia, nasycenia i wartości, a jednocześnie opisać przezroczystość kolorów interfejsu i grafiki warstwowej.

CMYK

CMYK to tryb kolorów używany w druku. Materiały drukowane są widoczne dzięki światłu odbitemu, dlatego ten model sprawdza się w gazetach, opakowaniach i broszurach. W przeciwieństwie do ekranowego RGB, CMYK został zaprojektowany z myślą o farbie na papierze.

CMYKA

CMYKA rozszerza CMYK o kanał alpha. Jest przydatny, gdy chcesz opisać wartości cyjanu, magenty, żółtego i czerni razem z przezroczystością w przekazaniu projektu lub zasobach warstwowych.

Jak używać internetowego konwertera kolorów

Wklej lub wpisz wartość w dowolnym polu formatu, na przykład HEX, RGB, RGBA, HSL, HSV lub CMYK.

Gdy tylko wartość będzie poprawna, narzędzie automatycznie przekonwertuje ją na wszystkie inne obsługiwane formaty kolorów.

Użyj panelu podglądu, selektora kolorów, suwaka alpha i akcji kopiowania, aby dopracować i wyeksportować dokładny kolor, którego potrzebujesz.

Najważniejsze funkcje

Dwukierunkowa synchronizacja formatów

Zmień dowolny obsługiwany format i utrzymuj RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK i CMYKA zsynchronizowane w czasie rzeczywistym.

Wizualne sterowanie kolorem

Zobacz bieżący kolor od razu dzięki próbce na żywo, selektorowi przeglądarki, suwakowi alpha i odczytom kanałów.

Konwersja w przeglądarce

Każde pole obsługuje znaną składnię funkcji, a cała konwersja odbywa się w przeglądarce, dzięki czemu jest szybka i prywatna.

FAQ konwertera kolorów

Czy mogę edytować dowolny format koloru i zaktualizować wszystkie pozostałe?

Tak. Konwerter synchronizuje w obie strony. Jeśli edytujesz RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK lub CMYKA, pozostałe formaty zaktualizują się od razu po wpisaniu poprawnej wartości.

Jak obsługiwana jest przezroczystość podczas konwersji?

HEX jest wyświetlany bez kanału alpha, ponieważ strona skupia się na żądanych formatach. Przezroczystość pozostaje zachowana w RGBA, HSLA, HSVA i CMYKA, a podgląd zawsze odzwierciedla bieżące krycie.

Czy ten konwerter kolorów jest prywatny?

Nie. Cała logika konwersji działa lokalnie w przeglądarce, więc wartości kolorów nie są wysyłane na serwer.

Aby przeliczyć RGB na HEX (lub HEX na RGB), wpisz wartość w jednym polu, a konwerter natychmiast pokaże ją we wszystkich pozostałych formatach: HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK i CMYKA. Synchronizacja działa w obie strony, a podgląd na żywo, natywny selektor i suwak alpha pozwalają dopracować odcień i krycie. Wszystko liczy się lokalnie w przeglądarce, więc Twoje kolory nie trafiają na serwer.

Jak korzystać z konwertera kolorów

1
Wpisz wartość koloru
Wklej lub wpisz wartość w dowolnym polu, na przykład #2E8B57 dla HEX, rgb(46, 139, 87) dla RGB lub hsl(146, 50%, 36%) dla HSL.
2
Obserwuj synchronizację formatów
Gdy tylko wartość jest poprawna, narzędzie od razu przelicza ją na wszystkie pozostałe formaty — RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK i CMYKA — w tym samym momencie.
3
Dopracuj kolor
Skorzystaj z próbki na żywo, natywnego selektora i suwaka alpha, aby dostroić odcień i krycie, albo kliknij Losowo, by odkryć nowe kolory.
4
Skopiuj lub wyeksportuj
Kliknij dowolne pole, aby skopiować jego wartość, lub użyj „Kopiuj wszystko”, by pobrać wszystkie formaty naraz do CSS, plików projektowych lub kodu.

Źródła

W3C — CSS Color Module Level 4
Specyfikacja W3C definiująca formaty kolorów w CSS, w tym zapis szesnastkowy, rgb(), hsl(), hwb() oraz nowoczesną składnię kolorów.
MDN — wartość CSS <color>
Dokumentacja MDN opisująca każdą notację koloru w CSS — HEX, RGB/RGBA, HSL/HSLA — oraz działanie przezroczystości alpha.

Powiązane narzędzia

Minifikator CSS

Zminifikuj kod CSS korzystający z przeliczonych wartości HEX, RGB i HSL.

Przeglądarka SVG

Podejrzyj i sprawdź grafiki SVG oparte na kolorach wypełnienia i obrysu.

Obraz na Base64

Zakoduj obrazy jako ciągi Base64 do wstawienia w stylach obok kolorów.

Formatator JSON

Sformatuj i sprawdź poprawność plików JSON przechowujących palety kolorów i tokeny projektowe.

Najczęściej zadawane pytania

Jak przeliczyć RGB na HEX i HEX na RGB?: Wpisz wartość HEX, np. #2E8B57, w polu HEX, a pole RGB od razu pokaże rgb(46, 139, 87) — i odwrotnie. Ponieważ wszystkie formaty są zsynchronizowane, zamiana działa w obie strony bez dodatkowego kroku.
Czy mogę edytować dowolny format koloru i zaktualizować pozostałe?: Tak. Konwerter synchronizuje w obie strony. Jeśli zmienisz RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK lub CMYKA, pozostałe formaty zaktualizują się natychmiast po wpisaniu poprawnej wartości.
Czy narzędzie obsługuje kolory RAL i NCS?: Nie. Konwerter działa na formatach cyfrowych — RGB, HEX, HSL, HSV i CMYK — które są niezależne od urządzenia w sensie matematycznym. RAL i NCS to znormalizowane wzorniki farb używane głównie w przemyśle i wykończeniach, a ich odwzorowanie wymaga oficjalnych tablic dopasowania, dlatego nie da się ich wiernie wyliczyć z samej wartości ekranowej.
Czy narzędzie przelicza RGB na CMYK do druku?: Tak. Pola CMYK i CMYKA aktualizują się po zmianie dowolnego innego formatu, podając wartości cyjanu, magenty, żółtego i czerni. Pamiętaj jednak, że CMYK zależy od urządzenia i profilu kolorów, więc wydruk może nieznacznie różnić się od tego, co widzisz na ekranie.
Jak obsługiwana jest przezroczystość podczas konwersji?: HEX wyświetlany jest bez kanału alpha, ponieważ strona skupia się na podstawowych formatach. Przezroczystość jest zachowana w RGBA, HSLA, HSVA i CMYKA, a podgląd zawsze odzwierciedla bieżące krycie.
Czy ten konwerter kolorów jest prywatny?: Tak. Cała logika konwersji działa lokalnie w Twojej przeglądarce, więc wartości kolorów nigdy nie są wysyłane na serwer.