Převodník barev – prohlédni si 37 zápisů barev

Každý program ukládá stejnou barvu po svém. Figma a CSS čekají šestnáctkový kód[1], dialogové okno pro výběr barev ve Wordu a Excelu ukazuje tři čísla RGB[2], tiskárna chce CMYK a aplikace pro Android drží barvu v jediném čísle s krytím na začátku[3]. Převodník přenese barvu z jednoho z těchto zápisů do jiného.

Seznamy pod Převést z a Převést na obsahují stejných 37 zápisů v šesti skupinách: Nejpoužívanější, CSS, Pro programátory, Video a JPEG, Microsoft Office a CIE. Psát můžeš do kteréhokoli z obou polí a převodník doplní to druhé.

Stejný kód může v různých zápisech znamenat dvě různé barvy. Pole proto nejdřív čte tvůj vstup v zápisu, který je vybraný v jeho seznamu. Když nesedí, pole hledá zápis, který sedí, přepne seznam a oznámí to v řádku pod sebou. Stane se to po krátké pauze v psaní, nebo hned při vložení. Když například vložíš 3900150 do pole s HEX, objeví se dva řádky: „Přepnuli jsme zápis na Desítkové číslo (pořadí RGB).“ a „Tento zápis může znamenat i Desítkové číslo z Office (VBA, Excel). Správný zápis vybereš v seznamu pod polem.“ Druhý řádek ukazuje další možné čtení a to správné vybereš v seznamu ty.

Barvu můžeš vybrat i bez psaní. Barevný vzorek vedle pole Převést z otevře výběr barvy tvého systému. V Chromu, Edgi a Opeře na počítači je vedle něj navíc tlačítko Nasaj barvu z obrazovky, které nabere barvu z libovolného místa obrazovky, i mimo okno prohlížeče[4]. Firefox, Safari a Chrome na Androidu tuto funkci webovým stránkám nenabízejí, takže tam tlačítko chybí[4].

Vymazat vše vyprázdní obě pole a Kopírovat výsledek zkopíruje obsah pole Převést na do schránky. Celý výpočet probíhá v tvém prohlížeči, takže tvoje barvy se na náš server nedostanou.

Státní vlajka

Odstíny barev české vlajky určuje jen barevný vzor otištěný jako příloha č. 3 zákona č. 3/1993 Sb., o státních symbolech České republiky. Slovy ani kódy je zákon nestanoví[6].

Jednotný vizuální styl

Design systém gov.cz, podle kterého vznikají weby a aplikace veřejné správy, staví primární paletu na třech modrých barvách přímo definovaných v Jednotném vizuálním stylu státní správy: Světle modrá #9EC8E9, Modrá #00469B a Tmavě modrá #0C1838[7]. Modrá #00469B je v převodníku rgb(0, 70, 155) a hsl(212.9, 100%, 30.4%).

Barevný model říká, z čeho se barva skládá. RGB je aditivní způsob míchání barev, který používají barevné monitory a projektory: míchá se v něm vyzařované světlo červené, zelené a modré[8]. CMYK popisuje tištěnou barvu podílem čtyř inkoustů, azurového, purpurového, žlutého a černého[9]. HSL a HSB převádějí čísla RGB na odstín, sytost a světlost, které se snáz čtou a ručně upravují[5].

Kód barvy neboli zápis je podoba, v jaké program ukládá čísla modelu. #3B82F6, rgb(59, 130, 246) a číslo 3900150 jsou tři zápisy stejné barvy RGB. Převodník jich zná 37. Liší se stupnicí, pořadím kanálů a tím, jestli ukládají krytí.

Barevný prostor určuje, jaké barvy jde zapsat a jak přesně vypadají. Web používá sRGB, standardní prostor RGB, který vznikl ve spolupráci firem HP a Microsoft[10]. Monitory s širokým gamutem ukazují víc barev a CSS je popisuje například v prostoru Display P3[5]. Lab, LCH, Oklab, OKLCH a XYZ nezávisí na žádné obrazovce. Lab pokrývá všechny barvy, které člověk vidí[5], takže se do těchto zápisů vejde každá barva.

Tyto zápisy jsou ve skupině Nejpoužívanější. Potkáš je v grafických programech, kancelářských balících i v CSS.

HEX

Šestnáctkový kód zapisuje tři čísla RGB v šestnáctkové soustavě, dva znaky na kanál: červený, zelený a modrý. Každá dvojice jde od 00 do FF, tedy od 0 do 255, a to dává 256 × 256 × 256, tedy 16 777 216 barev. Když jsou oba znaky v každé dvojici stejné, kód se zkrátí na tři znaky: #FF0 je #FFFF00[5].

Ve Photoshopu napíšeš kód do textového pole # v dialogu pro výběr barvy Adobe[11]. V LibreOffice patří do pole HTML v dialogovém okně Vyberte barvu[12] a v GIMPu 3.2 do pole Notace HTML, které přijímá i názvy barev z CSS[13]. Převodník HEX na RGB ukazuje výpočet krok za krokem.

RGB (0–255)

RGB udává tři čísla od 0 do 255: kolik červeného, zeleného a modrého světla barva obsahuje. Tři nuly dávají černou, třikrát 255 bílou. Dialog pro výběr barvy Adobe na to má textová pole R, G a B[11], LibreOffice pole Červená, Zelená a Modrá s hodnotami od 0 do 255[12] a dialogové okno pro výběr barev ve Wordu, Excelu a PowerPointu pole Červená, Zelená a Modrá na kartě s vlastními barvami[2]. V převodníku čísla oddělíš čárkami nebo mezerami a rgb(255, 215, 0) vložíš rovnou ze stylu. Převodník RGB na HEX jde opačnou cestou, od čísel ke kódu.

HSL

HSL popisuje barvu odstínem (anglicky hue), sytostí (saturation) a světlostí (lightness). Odstín je úhel na barevném kruhu ve stupních: 0 je červená, 120 zelená a 240 modrá, sytost a světlost jsou v procentech[5]. Při světlosti 50% je barva nejčistší a 0% a 100% dávají vždy černou a bílou. CSS HSL rozumí, takže výsledek vložíš rovnou do stylu. Převodník HEX na HSL vysvětluje, čím se HSL liší od HSB a od stupnice Office.

HSB / HSV (Photoshop, Figma)

HSB a HSV jsou dva názvy stejného modelu, který v roce 1978 vytvořil Alvy Ray Smith[14]. Odstín funguje jako v HSL, ale třetí číslo, jas B (brightness) nebo hodnota V (value), dává při 100% čistou barvu, zatímco v HSL dává světlost 100% bílou. Čistá červená #FF0000 je proto v HSB hsv(0, 100%, 100%) a v HSL hsl(0, 100%, 50%).

Tak pracuje dialog pro výběr barvy Adobe ve Photoshopu: odstín je úhel od 0° do 360°, sytost a jas jsou v procentech[11]. LibreOffice ukazuje stejný model s poli Odstín, Sytost a Jas, odstín od 0 do 359[12], a Figma mu říká HSB[1]. Převodník zapíše výsledek jako hsv(…) a v programu zadáš jen tři čísla. Převodník RGB na HSV a převodník HSV na RGB pokrývají oba směry.

CMYK (bez barevného profilu)

CMYK udává procenta čtyř tiskových barev: azurové, purpurové, žluté a černé. V dialogu pro výběr barvy Adobe zadáš procenta do polí C, M, Y a K[11] a LibreOffice má pole Azurová, Purpurová, Žlutá a Černá[12]. Další příklady výpočtu najdeš v převodníku HEX na CMYK a v převodníku CMYK na RGB.

Název v CSS

Názvy barev v CSS, jako gold, navy nebo tomato, jsou anglicky a nezáleží na velikosti písmen[5]. Pole je přijme i s mezerou: Royal Blue dá #4169E1. Když barva nemá vlastní název, ukáže pole výsledku nejbližší a pod ním se objeví řádek „Tato barva nemá vlastní název v CSS, takže ukazujeme nejbližší.“ Modrá #00469B z Jednotného vizuálního stylu tak dostane název darkslateblue.

Skupina CSS sdružuje ostatní zápisy, kterým prohlížeč ve stylu rozumí[5].

RGB (zápis s mezerami)

Novější CSS odděluje čísla mezerami: rgb(59 130 246). Starší zápis s čárkami znamená totéž[5] a pole přijme oba.

RGB v procentech

Kanály jde zadat i v procentech, kde 100% odpovídá 255, takže rgb(100% 0% 0%) je čistá červená[5].

HWB

HWB popisuje barvu odstínem a tím, kolik bílé a černé je v ní přimícháno. Specifikace CSS ho představuje jako podobný HSL, ale pro člověka často ještě snazší na použití. I tento model navrhl Alvy Ray Smith, a to v roce 1996[5]. Čistá červená s 50% bílé je hwb(0 50% 0%), tedy #FF7F80.

OKLCH

OKLCH udává světlost L v procentech, sytost C (anglicky chroma) a odstín H ve stupních. Počítá se v prostoru Oklab, který v prosinci 2020 zveřejnil Björn Ottosson[5]. Jeho L sleduje světlost, jakou vnímá oko. V HSL mají čistá modrá a čistá žlutá stejnou světlost 50%, i když žlutá působí mnohem světleji. V OKLCH má modrá 45,2% a žlutá 96,8%[5].

Proto se v OKLCH snáz staví paleta, ve které barvy se stejným L opravdu působí stejně světle.

Oklab

Oklab je stejný prostor jako OKLCH, ale místo sytosti a úhlu odstínu má dvě osy: a od zelené k červené a b od modré ke žluté[5]. V praxi zůstávají a a b mezi −0,5 a +0,5[5].

CIE Lab (bílá D50 jako v CSS)

Prostor CIE L*a*b*, zkráceně Lab, vytvořila CIE v roce 1976[5]. Barvu popisuje třemi osami: světlostí L od 0 do 100, osou a od zelené k červené a osou b od modré ke žluté[15]. V dialogu pro výběr barvy Adobe zadáš L od 0 do 100 a A a B od −128 do +127[11].

Hodnoty Lab vždy závisí na zvolené bílé. CSS počítá s bílou D50 a z bílé D65 prostoru sRGB do ní přechází Bradfordovou transformací[5], a tento převodník dělá totéž. Nástroj, který počítá Lab pro bílou D65, dá pro stejnou barvu jiné hodnoty a a b a oba výsledky jsou správné.

CIE LCH (bílá D50 jako v CSS)

LCH je Lab v jiném zápisu: světlost L zůstává a místo os a a b nastupují sytost C a úhel odstínu H[5]. Stejně se má OKLCH k Oklab.

Display P3

Specifikace CSS představuje Display P3 jako prostor typický pro dnešní monitory s širokým gamutem[5]. V CSS se zapisuje color(display-p3 …) se třemi čísly od 0 do 1. Ve Figmě jde barevný profil souboru nastavit na sRGB nebo Display P3[1]. Šestnáctkový kód je vždy v sRGB[5], takže barva zkopírovaná jako HEX ze souboru v Display P3 může vypadat jinak.

Adobe RGB (1998)

Adobe RGB (1998) se v CSS jmenuje a98-rgb. Jeho zelená primární barva leží v diagramu chromatičnosti v bodě x 0,21 a y 0,71, v sRGB v bodě x 0,3 a y 0,6, takže tento prostor pojme sytější zelené a azurové odstíny[5]. Jeho přenosovou křivku popisuje exponent 256/563, blízký 1/2,2, ale ne stejný[5]. Čistá zelená ze sRGB #00FF00 je v něm color(a98-rgb 0.565 1 0.2344).

ProPhoto RGB

ProPhoto RGB vyvinul Kodak a ISO ho normalizovala pod názvem ROMM RGB. Má bílou D50, stejnou jako Lab v CSS, a primární barvy, které fyzicky nejde vytvořit, a specifikace CSS uvádí, že digitální fotografie ho používá pro archivní verze snímků[5]. V CSS se zapisuje color(prophoto-rgb …). Převodník tu dává pět desetinných míst, protože při čtyřech se některé 8bitové barvy nevrátí na stejné hodnoty RGB.

Rec. 2020

Rec. 2020 je prostor z doporučení ITU-R BT.2020 pro televizi Ultra HD, 4K a 8K a specifikace CSS upozorňuje, že dnešní obrazovky celý jeho gamut neukážou[5]. Zelenou mimo sRGB, třeba color(rec2020 0 1 0), nechá převodník v tomto zápisu beze změny, kdežto HEX ukáže nejbližší barvu #00F272.

Lineární sRGB

Lineární sRGB má stejné primární barvy a stejnou bílou jako sRGB, ale bez přenosové křivky, takže čísla rostou úměrně množství světla[5]. Tmavé barvy tu dostanou velmi malá čísla, a proto tento zápis potřebuje víc desetinných míst než sRGB, jinak se v plynulých přechodech objeví viditelné pruhy[5]. #3B82F6 je tu color(srgb-linear 0.04374 0.22323 0.92158), přestože jeho červená v sRGB je 0,231.

Každý program a každý jazyk čeká barvu ve svém zápisu. Skupina Pro programátory sdružuje zápisy, které se píšou do kódu: Unity, Android, Flutter, Swift, Python, LaTeX, API Discordu a displeje pro Arduino.

RGB 0–1 (Unity, matplotlib)

Unity udává složky barvy jako čísla od 0 do 1[16], stejně jako matplotlib v Pythonu[17]. V LaTeXu bere balík xcolor v modelu rgb zlomky od 0 do 1 a v modelu RGB celá čísla od 0 do 255[18]. Hodnotu od 0 do 255 převedeš na zlomek tak, že ji vydělíš 255: z 59 je 0,2314.

Android, barva v XML (krytí na začátku)

V souborech prostředků Androidu začíná barva křížkem a má tvar #RGB, #ARGB, #RRGGBB nebo #AARRGGBB[19]. Krytí je na začátku, na rozdíl od CSS, kde osmiznakový kód krytím končí[5]. Stejný řetězec proto dává dvě různé barvy: #803B82F6 je v Androidu #3B82F6 s krytím asi 50%, v CSS ale fialová rgba(128, 59, 130, 0.96). Pole čte osmiznakový kód podle zápisu vybraného v jeho seznamu: s HEX jako CSS, s „Android, barva v XML (krytí na začátku)“ jako Android.

Android, celé číslo ARGB (Java, Kotlin)

V kódu v Javě a Kotlinu ukládá Android od úrovně API 1 barvy do jediného 32bitového celého čísla s kanály v pořadí A, R, G, B[3]. Příklad z dokumentace je 0xff0000ff, neprůhledná modrá[3]. S bajtem krytí FF je číslo v Javě záporné, protože int má znaménko: 0xFF3B82F6 je tedy -12877066. V tomto zápisu pole přijme obě podoby a číslo bez bajtu krytí, například 0x3B82F6, čte doslova. Taková barva má pak krytí 0, stejně jako v Androidu.

Flutter, Jetpack Compose

Flutter vytváří barvu ze šestnáctkového čísla s krytím na začátku, například Color(0xFF42A5F5), které dokumentace ukazuje vedle Color.fromARGB(0xFF, 0x42, 0xA5, 0xF5)[20]. Jetpack Compose má funkci Color, která vytvoří barvu z čísla ARGB[21], takže Color(0xFF3B82F6) funguje beze změny v obou.

UIColor (UIKit)

UIColor v UIKitu bere červenou, zelenou, modrou a alfu jako zlomky. Od iOS 10 pracuje v rozšířeném prostoru sRGB, a proto neořezává složky pod 0 ani nad 1[22]. Pole přijme i složky zapsané jako dělení, jak bývají v kódu ve Swiftu: UIColor(red: 59/255, green: 130/255, blue: 246/255, alpha: 1) dá #3B82F6.

SwiftUI

SwiftUI vytváří barvu pomocí Color(red:green:blue:opacity:) a krytí říká opacity[23]. Převodník opacity připíše jen tehdy, když je barva částečně průhledná.

Desítkové číslo (pořadí RGB)

Tento zápis dává tři kanály do jednoho čísla: červenou vynásobenou 65 536, plus zelenou vynásobenou 256, plus modrou. Používá ho Discord: boti a webhooky posílají barvu embedu jako celé číslo v poli color[24]. Modrá #00469B z Jednotného vizuálního stylu je v tomto zápisu 18075.

HSV z OpenCV (odstín 0–180)

U osmibitových obrázků OpenCV dělí odstín dvěma, aby se vešel do jednoho bajtu. Odstín tu proto jde od 0 do 180, sytost a hodnota od 0 do 255[25]. Modrá z Jednotného vizuálního stylu je v OpenCV 106, 255, 155, zatímco její odstín v HSB je 212,9°.

HSV 0–1 (Python colorsys)

Modul colorsys ze standardní knihovny Pythonu vrací odstín, sytost a hodnotu jako zlomky od 0 do 1[26], i odstín, který ostatní zápisy udávají ve stupních. Odstín 0,5 tu znamená 180° a modrá z Jednotného vizuálního stylu je 0.5914, 1, 0.6078.

RGB565 (Arduino, displeje TFT)

RGB565 vměstná barvu do 16 bitů: 5 bitů červené, 6 zelené a 5 modré, s červenou v nejvyšších bitech[27]. Takhle ukládá barvy knihovna Adafruit GFX pro barevné displeje k Arduinu, kde bílá je 0xFFFF a červená 0xF800[28]. Šestnáct bitů dá 65 536 barev[28], takže výsledek je nejbližší z nich: #3B82F6 vyjde jako 0x3C1E a zpátky jako #3A82F7.

Převodník zaokrouhlí každou složku na nejbližší úroveň, stejně jako formát UNORM v Direct3D, kde samé jedničky znamenají plnou hodnotu[29]. Funkce color565() z Adafruit GFX nižší bity odřízne[30], takže její výsledek bývá v některé složce o úroveň nižší. Když v seznamu vybereš RGB565 (Arduino, displeje TFT), pole přijme 0xF800, #F800 i desítkové číslo, třeba 63488.

YCbCr rozdělí barvu na jas Y a dva barevné rozdíly: Cb, tedy modrou minus jas, a Cr, tedy červenou minus jas[31]. Takhle ukládají barvu soubory JPEG a digitální video. Skupina Video a JPEG má tři varianty tohoto zápisu, které se liší vahami kanálů a rozsahem čísel.

YCbCr (JPEG, 0–255)

Formát souborů JPEG (JFIF) ukládá Y, Cb a Cr v plném rozsahu od 0 do 255. Červenou váží 0,299, zelenou 0,587 a modrou 0,114, výsledek zaokrouhlí a ořízne na 0–255[32]. Bílá je tedy Y 255, Cb 128, Cr 128 a čistá červená Y 76, Cb 85, Cr 255, protože vzorec dá pro Cr 255,5 a to se ořízne na 255.

YCbCr BT.601 (video SD, 16–235)

Doporučení ITU-R BT.601 pro televizi ve standardním rozlišení má stejné váhy jako JPEG, ale nechává v signálu rezervu: jas zabírá kódy od 16 do 235 a barevné rozdíly od 16 do 240, se středem ve 128[31]. Černá je tu Y 16, Cb 128, Cr 128 a bílá Y 235, Cb 128, Cr 128.

YCbCr BT.709 (video HD, 16–235)

Doporučení ITU-R BT.709 pro televizi HD má stejný rozsah kódů, ale jiné váhy: 0,2126 pro červenou, 0,7152 pro zelenou a 0,0722 pro modrou[33]. Čistá červená je tedy v BT.709 Y 63, Cb 102, Cr 240 a v BT.601 Y 81, Cb 90, Cr 240, takže přehrávač, který dekóduje video HD jako BT.601, ukáže barvy mírně posunuté.

Kódy YCbCr v 8 bitech mají méně úrovní než RGB a rozsah 16–235 ještě méně, takže barva převedená tam a zpátky se může v některém kanálu vrátit o jednu nebo dvě úrovně jinak. Pole přijme tři čísla s písmeny, třeba Y 81, Cb 90, Cr 240, nebo tři samotná čísla v pořadí Y, Cb, Cr.

HSL z Office (stupnice 0–255)

Dialogové okno pro výběr barev ve Wordu, Excelu a PowerPointu nabízí na kartě s vlastními barvami barevné modely RGB a HSL[2]. V HSL počítá Office sytost a světlost do 255: sytost 255 je maximum a světlost 255 dává bílou[2]. Převodník čte v této stupnici i odstín. Tak hrubá stupnice netrefí každou barvu obrazovky: #3B82F6 je v Office 154, 233, 153 a tato čísla po zpětném převodu dají #3C83F6.

Desítkové číslo z Office (VBA, Excel)

Funkce RGB ve VBA vrací barvu jako jediné celé číslo[34] a právě s ní se přes vlastnost Interior.Color nastavuje výplň buňky v Excelu[35]. V tomto čísle je červená v nejnižším bajtu, stejně jako v hodnotě COLORREF ve Windows[36], takže kanály jdou v opačném pořadí než v zápisu Desítkové číslo (pořadí RGB). Modrá z Jednotného vizuálního stylu je v Excelu 10176000 a v pořadí RGB 18075.

Výplň buňky A1 zjistíš makrem o jediném řádku, MsgBox Range("A1").Interior.Color. Číslo z okna se zprávou vlož do pole se zápisem Desítkové číslo z Office (VBA, Excel) a převodník z něj udělá HEX, RGB nebo CMYK.

CIE XYZ, nazývaný také CIE 1931, je jeden z prvních matematicky definovaných barevných prostorů. CIE ho definovala v roce 1931 ve studii o vnímání barev[37]. Y představuje jas a CSS ho škáluje tak, aby bílá měla Y = 1[5].

XYZ (bílá D65)

color(xyz-d65 …) udává XYZ vzhledem k bílé D65, tedy bílé prostorů sRGB a Display P3. Kratší zápis color(xyz …) čte CSS stejně[5]. Bílá #FFFFFF je tu color(xyz-d65 0.95046 1 1.08906).

XYZ (bílá D50)

color(xyz-d50 …) udává XYZ vzhledem k bílé D50, ze které CSS počítá Lab a LCH[5]. Bílá je tu color(xyz-d50 0.9643 1 0.8251), takže stejná barva má v obou zápisech XYZ jiné hodnoty X a Z.

CIE xyY

Prostor CIE xyY rozdělí XYZ na chromatičnost x a y a jas Y, kde x = X / (X + Y + Z) a y = Y / (X + Y + Z), a v praxi se jím barvy často zadávají[38]. Převodník počítá Y od 0 do 1 jako v zápisu XYZ, takže bílá #FFFFFF je tu x 0.3127, y 0.329, Y 1.

CIE Luv (bílá D65)

CIELUV, neboli CIE 1976 L*u*v*, přijala CIE v roce 1976 jako snadno spočitatelnou úpravu prostoru XYZ, která se snaží o perceptuální uniformitu. Široce se používá tam, kde se pracuje s barevnými světelnými zdroji, například v počítačové grafice[39]. Převodník bere bílou D65, stejnou jako sRGB, takže #FFFFFF je L 100, u 0, v 0 a čistá červená L 53.24, u 175.01, v 37.77.

Krytí, také alfa kanál, říká, jak moc barva zakrývá to, co je za ní: při 0 je úplně průhledná, při 1, tedy 100%, úplně krycí[5]. V CSS se píše za lomítko, rgb(59 130 246 / 50%), ve starším zápisu jako čtvrté číslo v rgba(59, 130, 246, 0.5) a v šestnáctkovém kódu jako poslední dva znaky, například #3B82F680[5]. RGBA je tedy RGB s tímto čtvrtým číslem.

Dva znaky krytí v osmiznakovém kódu jdou od 00 do FF, tedy od 0 do 255, takže 80 znamená 128 z 255, tedy 50,2%. Proto „RGB (zápis s mezerami)“ ukáže #3B82F680 jako rgb(59 130 246 / 0.502).

Krytí neukládají tyto zápisy: CMYK (bez barevného profilu), Název v CSS, Desítkové číslo (pořadí RGB), HSV z OpenCV (odstín 0–180), RGB565 (Arduino, displeje TFT), YCbCr (JPEG, 0–255), YCbCr BT.601 (video SD, 16–235), YCbCr BT.709 (video HD, 16–235), HSL z Office (stupnice 0–255), Desítkové číslo z Office (VBA, Excel), CIE xyY a CIE Luv (bílá D65). U nich se pod výsledkem objeví řádek, například „CMYK (bez barevného profilu) neukládá krytí, takže výsledek ukazuje barvu bez průhlednosti.“

Klíčové slovo transparent je v CSS průhledná černá, rgb(0 0 0 / 0%)[5], a převodník ho čte stejně: transparent i rgba(0,0,0,0) dají #00000000.

Protože převodník počítá CMYK bez barevného profilu, vzorcem, který specifikace CSS označuje za naivní. Pro firebrick, #B22222, dá cmyk(0%, 81%, 81%, 30%), stejný výsledek, jaký uvádí W3C[40]. Barva z obrazovky se tak změní na čtyři čísla, ale není jasné, jak vyjde na papíře.

Tiskárna počítá CMYK s profilem ICC, který popisuje její stroj, barvy a papír. V příkladu ze stejné specifikace se naivní výsledek od tisku liší o 14,3 jednotky DeltaE 2000, což W3C hodnotí jako velmi dobře viditelný rozdíl[40].

Když ve Photoshopu převedeš obraz RGB do režimu CMYK, barvy mimo gamut CMYK se upraví a tento gamut určuje pracovní prostor CMYK nastavený v dialogovém okně Nastavení barev[41]. LibreOffice sice v dialogovém okně Vyberte barvu ukazuje pole CMYK, ale pro tisk používá jen barevný model RGB[12]. Soubor pro tiskárnu proto připrav v CMYK s profilem, který ti tiskárna dá, a grafiku pro obrazovku nech v RGB nebo HEX. Převodník RGB na CMYK krok za krokem vysvětluje, jak změnit režim souboru a jaké profily tiskárny chtějí.

V zápisech OKLCH, Oklab, CIE Lab (bílá D50 jako v CSS), CIE LCH (bílá D50 jako v CSS), Display P3, Adobe RGB (1998), ProPhoto RGB, Rec. 2020, Lineární sRGB, XYZ (bílá D65), XYZ (bílá D50), CIE xyY a CIE Luv (bílá D65) udá převodník barvu přesně, i když leží mimo sRGB. Ostatní zápisy pokrývají jen sRGB, takže pro ně převodník hledá nejbližší barvu metodou ze CSS Color 4[5] a pod výsledkem to oznámí, například „Tato barva leží mimo prostor sRGB, takže HEX ukazuje nejbližší barvu, kterou v něm lze zapsat.“

Takové barvy přicházejí například z Tailwind CSS. Ve verzi 4 Tailwind převedl celou výchozí paletu z RGB na OKLCH, aby využil širší gamut nových obrazovek[42]. Jeho blue-500 je oklch(62.3% 0.214 259.815)[43]. Tato barva leží mimo sRGB a nejbližší barva sRGB je podle převodníku #2B7FFF. Ve verzi 3 byla blue-500 ještě #3b82f6[44], barva z příkladů převodníku.

Protože RAL, NCS a Pantone jsou systémy fyzických barev a jejich digitální ekvivalenty zveřejňují jen jejich vlastníci. Pantone uvádí nejbližší ekvivalenty RGB, CMYK, HEX a Lab svých barev v aplikaci Pantone Connect[45] a nápověda Microsoftu odkazuje na web Pantone, kde najdeš hodnoty RGB k zadání v dialogovém okně pro výběr barev v Office[2]. RAL prodává digitální knihovnu s hodnotami RGB a Lab pro víc než 2 500 barev[46] a NCS ukazuje své barvy na platformě NCS+[47]. Od verze z října 2023 nemá Photoshop poslední tři knihy barev Pantone[11].

Chceš-li takovou barvu použít na obrazovce, vezmi hodnoty z knihovny vlastníka a zadej je do pole Převést z. Když necháváš natírat zeď nebo objednáváš fasádu či okna v barvě RAL, vyber barvu ve fyzickém vzorníku. Obrazovka světlo vyzařuje, kdežto barva na zdi ho odráží, takže stejný odstín vypadá na zdi a na monitoru jinak.