Kolory HEX – Zapis szesnastkowy, kolory CMYK i zapis koloru.
Kolory HEX – Kod HEX to sposób przedstawienie kolorów tak, aby był on zrozumiały dla programów graficznych i komputerów. Dzięki niemu grafik może tworzyć swoje projekty na dowolnym urządzeniu, bez względu na to, jak na ekranie wyświetlane są odcienie poszczególnych barw. Innymi słowy, wykorzystanie kolorów HEX sprawia, że dany odcień jasnego, chłodnego błękitu, zawsze będzie tym samym jasnym, chłodnym błękitem. Dlatego też spróbujmy poznać kod HEX i sprawdźmy, jak graficy wykorzystują go w praktyce.
Jakie znaczenie mają kolory w projektach graficznych?
Odpowiedni dobór kolorów w projektach graficznych ma większe znaczenie niż ci się może wydawać. Wszystko dlatego, że poszczególne barwy, a także ich połączenia, wywołują w odbiorcach określone emocje i skojarzenia. Często w kontekście przywołuje się psychologię kolorów, która zajmuje się tym, jak kolory wpływają na naszą psychikę.
W tym ujęciu przyjmuje się, że kolor niebieski budzi zaufanie i kojarzy się ze stabilnością, barwa zielona oznacza naturę i bezpieczeństwo, a kolor żółty to pozytywne emocje, optymizm i energia, itd. Oczywiście takie postawienie sprawy to ogromne uproszczenie i może spowodować więcej szkód niż pożytku przy próbie tworzenia grafik czy ogólnego wizerunku marki. Wszystko dlatego, że na odbiór poszczególnych kolorów wpływa ich odcień, kombinacja barw, ich ilość, a nawet uwarunkowania kulturowe.
Jednak już bez względu na to, jakich kolorów będziesz używać na potrzeby swojej marki, ważne jest, aby wszystkie tworzone przez ciebie projekty były ze sobą spójne, a na poszczególnych grafikach pojawiał się ten sam, wybrany przez ciebie odcień czerwonego, zielonego, czy też granatu. I właśnie w tym pomogą ci kody barw, w tym kod HEX.
Czym są kody kolorów w Kolory HEX?
Jeśli kiedykolwiek tworzyłeś moodboard marki lub produktu, projektowałeś grafikę do postu na Facebooka lub Instagrama, czy też pracowałeś nad szatą graficzną newslettera lub strony sprzedażowej, to zapewne wiesz, że dobór kolorów nie jest łatwym zadaniem. Sprawa komplikuje się jeszcze bardziej, gdy zlecasz wykonanie projektów graficznych profesjonaliście. W takim przypadku nie wystarczy powiedzieć, że zależy ci, aby dominującym kolorem był niebieski. W końcu odcieni niebieskiego jest całe mnóstwo.
Jednak jeśli wskażesz grafikowi konkretne kody barw, będzie od dokładnie wiedział, jakie odcienie ma wykorzystać do wykonania twoich grafik. I odwrotnie, jeśli otrzymasz od studia graficznego paletę barw z nazwami kolorów, użytymi do stworzenia twojego logo, grafiki czy strony internetowej, będziesz dokładnie wiedział, których z nich użyć, gdy będziesz chciał zaprojektować dodatkowe materiały graficzne. Dzięki temu identyfikacja wizualna twojej marki będzie spójna. Jak zatem posługiwać się kodami barw?
kody barw a nazwa koloru w html color.
Na samym wstępie powiedzieliśmy, że kod barw to po prostu nazwy kolorów wyrażone w języku komputerów i programów graficznych. Najpopularniejszymi kodami barw jest kod HEX i kod RGB, które wykorzystuje się właśnie do projektowania graficznego na potrzeby urządzeń elektronicznych. Jak to działa w praktyce?
Zacznijmy od tego, że kod RGB bazuje na 3 podstawowych kolorach. A sam skrót RGB pochodzi od nazw trzech kolorów: czerwieni (nazwa angielska „red”, czyli R), zieleni (nazwa angielska „green”, czyli G) oraz niebieskim (nazwa angielska „blue”, czyli B). Każdy z tych kolorów występuje w zakresie od 0 do 255, co oznacza, że w sumie możemy uzyskać ponad 16 mln różnych odcieni dowolnych kolorów, widzialnych dla ludzkiego oka. Wartość kolorów RGB można wyrazić także w postaci zapisu HEX.
Na czym polega kod HEX?
Kod HEX to inaczej zapis hexadecymalny kolorów. Opiera się ona na palecie RGB, ale ma postać 6 cyfr lub liter, które łącznie mają 3 bajty. W sumie daje to zapis szesnastkowy kolorów, dlatego też na kod HEX mówi się także kod szesnastkowy. Przykładowe oznaczenie kodu HEX to:
| KOD HEX | NAZWA KOLORU |
|---|---|
| #dc143c | odcień karmazynowy |
| #008000 | kolor zielony |
Kod HEX kolorów wykorzystywany jest w mediach cyfrowych przy projektowaniu grafik do Internetu.
Lista kolorów – Kolory HEX – RGB
Poniżej znajduje się lista kolorów wyrażona w postaci kodów HEX, RGB wraz z angielskimi i polskimi nazwami kolorów.
| Odcienie koloru | Nazwa Koloru ENG | (R,G,B) | HEX |
| Żółtego | Yellow | (255,255,0) | #FFFF00 |
| Białego | White | (255,255,255) | #FFFFFF |
| Zielonego | Green | (0,128,0) | #008000 |
| Pomarańczowego | Orange | (255,165,0) | #FFA500 |
| Czerwonego | Red | (255,0,0) | #FF0000 |
| Różowego | Pink | (255,192,203) | #FFC0CB |
| Fioletowego | Purple | (128,0,128) | #800080 |
| Niebieskiego | Blue | (0,0,255) | #0000FF |
| Brązowego | Brown | (165,42,42) | #A52A2A |
| Szarego | Gray | (128,128,128) | #808080 |
Podsumowanie – Kolory HEX
| Kod HEX to sposób przedstawienia kolorów w języku komputerów i programów graficznych. Jest on wykorzystywany w projektowaniu wszelkiego rodzaju grafik. |
| Poszczególne barwy wpływają na psychikę odbiorców, czym zajmuje się psychologia kolorów. |
| Określony dobór barw w budowaniu wizerunku marki wpływa na jej odbiór przez potencjalnych klientów. |
| Do najpopularniejszych kodów barw należą kody RGB i kod HEX. Za ich pomocą można przedstawić ponad 16 mln różnych barw. |
| Kod HEX opiera się na hexadeymalnym zapisie kolorów w postaci 6 cyfr lub liter. |
F.A.Q.
Kolory HEX — najczęściej zadawane pytania.
- Czym są kolory CMYK?
Kolory CMYK wykorzystywane są w poligrafii i bazują na 4 podstawowych kolorach (C – cyjan, M – magenta, Y – żołty, K — czarny).
- Czym są kolory Pantone?
Kolory Pantone to jednolite kolory, z których każdy ma unikatowy numer i nazwę. Kolory Pantone najczęściej wykorzystywane są przy materiałach drukowanych.
- Do czego wykorzystywany jest kod HEX?
Kod HEX wykorzystywany jest w projektowaniu graficznym na potrzeby internetu. Za jego pomocą dobierzesz kolor tła, kolor czcionki, czy design strony internetowej.