Przelicz wartości CMYK na kolor RGB

Ostatnia aktualizacja treści:

Wpisz cztery udziały farb, a wartości RGB pojawią się w trakcie pisania: cmyk(76%, 47%, 0%, 4%) to rgb(59, 130, 245). Pole przyjmuje liczby ze znakiem procenta i bez niego, rozdzielone przecinkiem albo spacją, więc wkleisz je wprost z księgi znaku.

na

Jak przeliczyć CMYK na RGB?

Odejmij każdą farbę od jedynki, przemnóż wynik przez to samo dla czerni i pomnóż przez 255. Procenty podstawiasz jako ułamki, więc 76% wchodzi do wzoru jako 0,76.


Wzór: R = 255 × (1 − C) × (1 − K), a kanał zielony i niebieski liczy się tak samo, tylko z magenty i z żółtego.


Kolor cmyk(76%, 47%, 0%, 4%) daje na kanale czerwonym 255 × 0,24 × 0,96, czyli 59. Kanał zielony wychodzi 130, a niebieski 245, bo żółtej farby w tym kolorze nie ma wcale. Wynik to rgb(59, 130, 245).


Kilka wartości wraca przy tym przeliczeniu częściej niż inne. Sama czerń na poziomie 100% daje rgb(0, 0, 0), cztery zera dają biel, a czerń na poziomie 20% daje szarość rgb(204, 204, 204), czyli kod #CCCCCC.


Wartości CMYK podaje się pełnymi procentami, więc po drodze tam i z powrotem kanał potrafi wypaść o jeden stopień obok. Na ekranie ta różnica jest niewidoczna. Kolor z ekranu przeliczysz na farby konwerterem RGB na CMYK.

Co opisują cztery liczby CMYK, a co trzy liczby RGB?

Cztery liczby CMYK mówią, ile farby ma trafić w dane miejsce. Pierwsza dotyczy cyjanu, druga magenty, trzecia żółtego, a czwarta czerni oznaczanej literą K. Każda jest procentem pokrycia: zero oznacza czysty papier, a sto pełne krycie.


Farby odbierają światło białemu papierowi, więc cztery zera dają biel, a rosnące wartości prowadzą do coraz ciemniejszej barwy. Ma to swoją konsekwencję: wartości CMYK są związane z konkretnym papierem i konkretną farbą, bo ta sama mieszanka wychodzi inaczej na kredzie, a inaczej na papierze niepowlekanym[1].

Gliniane naczynia wypełnione sproszkowanymi pigmentami w różnych barwach
Każdy odcień farby ma własny pigment i własne zachowanie na podłożu. Zapis CMYK opisuje mieszankę czterech takich barwników, a zapis RGB tę samą barwę widzianą jako świecący punkt. Zdjęcie: Rob Oo, CC BY 2.0.

Trzy liczby RGB opisują co innego: siłę świecenia. Kanał czerwony, zielony i niebieski przyjmują wartości od 0 do 255, a ekran dodaje ich światło do siebie, więc trzy zera dają czerń, a trzy wartości maksymalne biel.


Ekran ma przy tym jedną wspólną skalę: przestrzeń sRGB, obowiązującą w HTML i CSS[2]. Dlatego kolor podany w RGB wygląda tak samo na każdym zgodnym urządzeniu, a ten sam kolor położony farbą zależy od tego, na czym i czym go wydrukowano.

Skąd wziąć kolor na stronę, gdy księga znaku podaje tylko CMYK?

Księgi znaku powstają najczęściej razem z materiałami drukowanymi, więc opisują kolor tak, jak potrzebuje go maszyna: czterema udziałami farb. Strona internetowa potrzebuje tego samego koloru w trzech liczbach albo w kodzie HEX. Wpisz cztery wartości do konwertera na górze strony, a dostaniesz zapis gotowy do wklejenia w arkusz stylów.

Wydruk w dużym powiększeniu: osobne kropki farb leżące obok siebie
W dużym powiększeniu wydruk okazuje się siatką kropek. Czyste kropki to cztery farby, a czerwone, zielone i granatowe punkty powstają tam, gdzie dwie z nich nachodzą na siebie. Oko łączy je w jedną barwę dopiero z odległości, a ekran podaje tę barwę od razu jako trzy liczby. Zdjęcie: Psiĥedelisto, licencja CC0.

Wynik traktuj jako punkt wyjścia i porównaj go z wydrukowaną próbką, jeśli ją masz pod ręką. Cztery liczby opisują farbę na konkretnym papierze, a ekran świeci własnym światłem, więc obie wersje koloru zawsze trochę się różnią. Dla strony liczy się przede wszystkim to, żeby odcień był rozpoznawalny i spójny z resztą identyfikacji wizualnej.

Podstawowe wartości CMYK i ich odpowiedniki w RGB

Pojedyncza farba na białym papierze daje na ekranie barwę złożoną z dwóch kanałów, a dwie farby razem sprowadzają wynik do jednego kanału. Sama czerń buduje szarości.
Wartości CMYKWartości RGBKod HEX
0%, 0%, 0%, 0%255, 255, 255#FFFFFF
100%, 0%, 0%, 0%0, 255, 255#00FFFF
0%, 100%, 0%, 0%255, 0, 255#FF00FF
0%, 0%, 100%, 0%255, 255, 0#FFFF00
0%, 100%, 100%, 0%255, 0, 0#FF0000
100%, 0%, 100%, 0%0, 255, 0#00FF00
100%, 100%, 0%, 0%0, 0, 255#0000FF
0%, 0%, 0%, 10%230, 230, 230#E6E6E6
0%, 0%, 0%, 20%204, 204, 204#CCCCCC
0%, 0%, 0%, 50%128, 128, 128#808080
0%, 0%, 0%, 80%51, 51, 51#333333
0%, 0%, 0%, 90%25, 25, 25#191919
0%, 0%, 0%, 100%0, 0, 0#000000
30%, 0%, 100%, 0%179, 255, 0#B3FF00

Szarość zbudowana z samej czerni ma na ekranie równe trzy kanały, więc jej kod HEX składa się z trzech takich samych par znaków.

Cztery rodzaje czerni w druku i jedna czerń na ekranie

Drukarze rozróżniają kilka czerni, bo każda zachowuje się na papierze inaczej. Ekran opisuje je wszystkie jednym zapisem, więc kolumna z sumą farb mówi o nich więcej niż wartości RGB.
Rodzaj czerniWartości CMYKSuma farbWartości RGB
Czerń jednoskładnikowa0%, 0%, 0%, 100%100%0, 0, 0
Czerń bogata (przykładowy przepis)60%, 40%, 40%, 100%240%0, 0, 0
Czerń pod granicę profilu75%, 68%, 67%, 90%300%6, 8, 8
Czerń rejestrowa100%, 100%, 100%, 100%400%0, 0, 0

Suma farb to łączny udział czterech wartości w jednym punkcie. Profil PSO Coated v3 dopuszcza 300%[3], dlatego czerń rejestrowa służy wyłącznie znacznikom drukarskim. Dokładny przepis na czerń bogatą podaje drukarnia w specyfikacji przyjmowania plików, razem z nazwą profilu — listę profili znajdziesz przy konwerterze RGB na CMYK.

Kolory z ksiąg znaku w trzech zapisach naraz

Tak wygląda typowa lista kolorów marki po przeliczeniu na ekran. Kod HEX z ostatniej kolumny wkleisz wprost do arkusza stylów albo do zmiennej w systemie projektowym.
Wartości CMYKWartości RGBKod HEX
100%, 72%, 0%, 6%0, 67, 240#0043F0
85%, 50%, 0%, 0%38, 128, 255#2680FF
76%, 47%, 0%, 4%59, 130, 245#3B82F5
0%, 90%, 86%, 0%255, 25, 36#FF1924
0%, 35%, 85%, 0%255, 166, 38#FFA626
0%, 24%, 94%, 0%255, 194, 15#FFC20F
0%, 0%, 0%, 80%51, 51, 51#333333
0%, 0%, 0%, 100%0, 0, 0#000000

Kolory bez udziału czerni wychodzą na ekranie najjaśniejsze, bo każdy z trzech kanałów zaczyna wtedy od pełnych 255 i traci tylko tyle, ile zabiera jedna farba.

Jak zmienić tryb dokumentu z CMYK na RGB?

Pliki przygotowane do druku otwierasz w tych samych programach, w których powstały; zmiana trybu leży w innym menu w każdym z nich.

  1. Photoshop

    Wybierz Edycja › Konwertuj do profilu i wskaż jako docelowy profil sRGB, którego oczekują przeglądarki. Szybszy skrót to Obraz › Tryb › Kolor RGB, korzystający z profilu ustawionego w programie.
  2. Illustrator

    Wybierz Plik › Tryb kolorów dokumentu › Kolor RGB. Zmiana obejmuje cały dokument razem z próbkami, więc kolory zapisane wcześniej czterema wartościami dostaną trzy nowe.
  3. InDesign

    Przeliczenie odbywa się przy zapisie. Wybierz Plik › Eksportuj, przejdź do zakładki Wyjście i w sekcji Konwersja kolorów ustaw konwersję do profilu docelowego, a w polu profilu wskaż sRGB.
  4. GIMP

    Wersja 3.0 wczytuje pliki CMYK w formatach JPEG, TIFF, PSD i JPEG XL, a edycja odbywa się w RGB[4]. Otwarcie takiego pliku wystarcza więc, żeby dostać obraz w kolorach ekranowych.

Źródła

  1. CMYKWikipedia
  2. sRGBWikipedia
  3. PSOcoated_v3.icc — wpis w rejestrze profiliInternational Color Consortium
  4. GIMP 3.0 Release NotesGIMP

Wszystkie wartości w tabelach wyliczyliśmy z definicji jednostek i sprawdziliśmy rachunkowo przed publikacją. Dane historyczne i nazwy lokalnych jednostek opieramy na źródłach wymienionych wyżej.

Ostatnia aktualizacja treści: · przygotował i sprawdził zespół Arteon

Najczęstsze pytania o przeliczanie CMYK na RGB

Jak przeliczyć CMYK na kod HEX?

Wpisz cztery wartości do konwertera powyżej i przenieś wynik do konwertera RGB na HEX. Gotowe kody dla najczęstszych kolorów marek zbiera tabela z trzema zapisami na tej stronie.

Czy z CMYK wróci dokładnie ten sam kolor RGB, od którego się zaczęło?

Prawie ten sam. Cztery liczby CMYK są całkowite, więc rgb(59, 130, 246) wraca jako rgb(59, 130, 245). Jeden stopień na 256 jest na ekranie nie do odróżnienia, ale gdy masz pierwotny kolor ekranowy, używaj właśnie jego.

Dlaczego kolor z wydruku wygląda na ekranie inaczej?

Papier odbija światło, a ekran je wysyła, więc ta sama barwa dociera do oka dwiema drogami. Do tego farby triadowe w Europie mają inną barwę niż amerykańskie[1], a wynik zależy też od papieru. Przeliczenie podaje najbliższy odpowiednik ekranowy, a ocenę końcową zostaw porównaniu z wydrukowaną próbką.

Czy 100% czerni to to samo co czerń bogata?

Na ekranie obie dają rgb(0, 0, 0), a na papierze różnią się głębią. Czerń jednoskładnikowa używa samej czarnej farby i sprawdza się w tekście, bo wymaga zgrania tylko jednej płyty. Czerń bogata dokłada pozostałe trzy farby i daje ciemniejsze duże płaszczyzny.

Co oznacza czerń rejestrowa 100/100/100/100?

To znacznik dla drukarni, którym oznacza się linie cięcia i pasery, żeby pojawiły się na każdej z czterech płyt naraz. Suma farb wynosi w niej 400%, czyli powyżej 300% dopuszczonych przez profil PSO Coated v3[3], dlatego w samej grafice stosuje się jedną z pozostałych czerni.

Czy plik na stronę internetową może zostać w CMYK?

Przeglądarki zakładają przestrzeń sRGB[2], więc zdjęcia i grafiki na stronę zapisuj w RGB. Dzięki temu kolory wyglądają tak samo w każdej przeglądarce i na każdym zgodnym ekranie.

Jak zamienić CMYK na RGB w Photoshopie?

Otwórz plik i wybierz Edycja › Konwertuj do profilu, a jako profil docelowy wskaż sRGB. Krótsza droga prowadzi przez Obraz › Tryb › Kolor RGB i korzysta z profilu ustawionego w programie.

Skąd wziąć wartości CMYK, jeśli mam tylko kolor z ekranu?

Przelicz go w drugą stronę konwerterem RGB na CMYK. Przycisk Zmień kolejność nad treścią przenosi tam jednym kliknięciem.

Zrzut ekranu darmowego narzędzia Arteon: Przelicz wartości CMYK na kolor RGB

Pomóż nam ulepszyć narzędzia

Masz pomysł na nową funkcję, znalazłeś błąd lub chcesz zaproponować inne narzędzie? Napisz do nas – odpowiadamy w ciągu 24 godzin.