Vzhled webu se dlouho tvořil pomocí obcházení. Chyběla funkce, tak se doplňovala ručně, přes JavaScript nebo přes desítky variant jedné vlastnosti. Během roku 2026 se ale několik zásadních funkcí CSS konečně dostalo napříč všemi hlavními prohlížeči a řada obezliček přestává být potřeba.
Nejde o kosmetiku. Tyto změny ovlivňují čitelnost, přístupnost a to, jak konzistentně web vypadá na různých zařízeních. Právě tam se protíná práce grafika a kodéra.
contrast-color(): čitelný text bez hádání
Jeden z nejčastějších problémů návrhů je text na barevném pozadí, které se může měnit. Bílé písmo je někde čitelné, jinde splývá. Doteď se to řešilo ručním určováním barvy pro každou variantu.
Funkce contrast-color() umí k danému pozadí sama zvolit takovou barvu textu, aby splnila požadavky na kontrast. Praktický přínos je velký zejména u prvků, jejichž barva se mění – u štítků, zvýraznění nebo dynamických sekcí.
Pro firemní web to znamená méně situací, kdy je někde na stránce text prakticky nečitelný jen proto, že se změnila barva pozadí.
Barevná písma a font-palette: značka bez extra souborů
Vlastnost font-palette a barevná písma umožňují měnit barevnost jednoho fontu bez nutnosti nahrávat další soubory. To se hodí u výrazných nadpisů a u přepínání světlého a tmavého motivu.
Z pohledu značky je zásadní, že se dá udržet jednotný typografický výraz a přitom ho přizpůsobit kontextu. Web tak může působit svěže, aniž by se rozpadl do několika nesourodých stylů.
Fluidní typografie: konec skoků mezi zařízeními
Funkce clamp() se stala běžným způsobem, jak nastavit velikost písma, která plynule roste s šířkou obrazovky. Místo několika pevných hodnot přepínaných podle zařízení se velikost mění postupně.
Výsledkem je text, který nikde nepůsobí ani zbytečně drobně na velké obrazovce, ani nepřiměřeně velký na mobilu. Web tím získává klidnější a promyšlenější dojem.
Přístupnost se posouvá k APCA
Souběžně se mění i způsob, jakým se hodnotí kontrast. Nový model APCA lépe zohledňuje velikost a tloušťku písma, ne jen poměr dvou barev.
V praxi to znamená přesnější posouzení toho, co je skutečně čitelné. Kombinace, která na papíře prošla, ale ve skutečnosti se četla špatně, dnes lépe vyjde najevo.
Barevnost se otepluje
Vedle technických funkcí je vidět i posun ve vkusu. Návrhy se odklánějí od sterilní kombinace čisté bílé a čisté černé směrem k teplejším tmavým tónům a přirozenějším neutrálům.
Teplejší paleta bývá příjemnější na čtení a působí lidštěji. U menších firem, kterým jde o důvěru a blízkost, to dává dobrý smysl.
Co si z toho odnést
Moderní CSS dnes umí věci, které dřív vyžadovaly kompromisy. Automaticky čitelný text, barevná písma a plynulá typografie zvyšují kvalitu webu bez zbytečné složitosti.
Nejvíc z toho vytěží weby, kde grafický návrh a jeho technické provedení vznikají ruku v ruce – tedy tam, kde se o vzhledu a kódu přemýšlí společně.