Design & Grafika

Hexadecimální kód barvy

Šestimístný kód definující přesnou barvu – např. #2A7D6B pro tmavou zelenou

(Hex Color Code)

Co je hexadecimální kód barvy

Hexadecimální kód barvy je zápis barvy v šestnáctkové soustavě, ve kterém tři dvojice znaků za mřížkou určují červenou, zelenou a modrou složku. Není to samostatný barevný model, jenom úsporný způsob, jak napsat hodnotu RGB. Zelená na tomhle webu má kód #2A7D6B: 2A červené složky, 7D zelené, 6B modré. Existuje i osmimístná varianta, kde poslední dvojice řídí průhlednost.

Kam ho v praxi vyplňujete

Do manuálu značky, což je jediné místo, kde má být barva zapsaná závazně, aby ji nikdo nemusel hádat z obrázku.
Do CSS webu.
Do editorů e-mailových šablon, kde barvu tlačítka ťukáte ručně do políčka.
Do nastavení vzhledu e-shopových platforem a do reklamních formátů, které nabízejí vlastní barvu pozadí nebo tlačítka.

Převádět se dá oběma směry, takže z kódu kdykoli dostanete číselné hodnoty pro obrazovku a zpátky. Co z něj nedostanete, je barva pro tisk: přepočet na inkousty je vždycky odhad a u sytých odstínů dopadne jinak, než klient podle monitoru čeká. Kdo plánuje letáky nebo polepy, potřebuje v manuálu i hodnoty CMYK.

Kolik odstínů je v šabloně

Když přebírám web nebo e-shop, projedu si, kolik odstínů firemní barvy v šabloně vlastně je. Bývá jich víc, než klient tuší: jeden v tlačítku, druhý v odkazu, třetí v patičce, protože je někdo v průběhu let dopisoval od oka. Sesbírat kódy do jednoho seznamu a srovnat je zabere chvíli. Poznat to pak jde hlavně na tlačítkách, na kterých je najednou vidět, že to tlačítka jsou.

Časté otázky

Je hexadecimální kód barvy totéž co RGB?

Je to jiný zápis téhož. Obě čísla popisují stejné tři složky světla, hexadecimální tvar je jen kratší a na webu zvyklejší. Do CSS i do většiny nástrojů se barva zadává právě s mřížkou.

Co znamená osmimístný kód barvy?

Poslední dvojice znaků nese průhlednost. Hodí se, když má barva prosvítat přes podklad, třeba u tmavého překryvu na fotce, na kterém má zůstat čitelný text.

Kde mám najít hexadecimální kód barvy své značky?

V manuálu značky. Když ho firma nemá, doporučuju kódy aspoň vypsat do sdíleného dokumentu. Jinak si je každý další dodavatel odhadne z obrázku a odstíny se během pár zakázek rozejdou.