{"id":848,"date":"2020-08-10T15:02:16","date_gmt":"2020-08-10T15:02:16","guid":{"rendered":"https:\/\/www.rackhost.hu\/blog\/?p=848"},"modified":"2025-05-16T15:20:03","modified_gmt":"2025-05-16T15:20:03","slug":"web-szinek","status":"publish","type":"post","link":"https:\/\/www.rackhost.hu\/blog\/web-szinek\/","title":{"rendered":"Websz\u00ednek szerepe \u00e9s haszn\u00e1lata"},"content":{"rendered":"

Az ember t\u00f6bb milli\u00f3 sz\u00ednt k\u00e9pes megk\u00fcl\u00f6nb\u00f6ztetni saj\u00e1t szem\u00e9vel, de term\u00e9szetesen ezen bel\u00fcl vannak olyan sz\u00ednek, amelyekb\u0151l t\u00f6bb elt\u00e9r\u0151 \u00e1rnyalatot is l\u00e1t \u00e9s vannak olyanok, amelyekb\u0151l kevesebbet. A sz\u00edn\u00e1rnyalatokat pontos\u00edthatjuk, sokf\u00e9le jelz\u0151vel l\u00e1thatjuk el, \u00edgy k\u00fcl\u00f6nb\u00f6ztethetj\u00fck meg a h\u00f3feh\u00e9ret a t\u00f6rtfeh\u00e9rt\u0151l \u00e9s \u00edgy tov\u00e1bb. Ezzel ellent\u00e9tben a digit\u00e1lis programok k\u00f6r\u00fclbel\u00fcl 16,7 milli\u00f3 sz\u00ednt k\u00e9pesek \u00e9rz\u00e9kelni \u00e9s egy konkr\u00e9t sz\u00edn kikever\u00e9s\u00e9hez k\u00f3drendszereket haszn\u00e1lnak. De hogy is n\u00e9znek ki ezek a rendszerek \u00e9s mit tartalmaznak? A k\u00f6vetkez\u0151 bekezd\u00e9sekb\u0151l megtudhatj\u00e1tok.<\/span><\/p>\n

 <\/p>\n

Mi is az a web sz\u00ednk\u00f3d?<\/b><\/p>\n

 <\/p>\n

T\u00f6bbf\u00e9le megnevez\u00e9se is l\u00e9tezik, mint p\u00e9ld\u00e1ul HTML sz\u00ednk\u00f3dok, WEB-HTML sz\u00ednk\u00f3dok, CSS sz\u00ednk\u00f3dok, illetve digit\u00e1lis sz\u00edneknek is szokt\u00e1k h\u00edvni. Ezek olyan sz\u00ednk\u00f3dok, amelyeket egy weboldal kialak\u00edt\u00e1s\u00e1hoz haszn\u00e1lnak. Egy laikus ember sz\u00e1m\u00e1ra biztos bonyolultan hangzanak ezek az elnevez\u00e9sek, de a megfelel\u0151 sz\u00ednek megtal\u00e1l\u00e1sa enn\u00e9l sokkal egyszer\u0171bb.<\/span><\/p>\n

 <\/p>\n

Sz\u00ednk\u00f3dok csoportos\u00edt\u00e1sa<\/b><\/p>\n

 <\/p>\n

A sz\u00ednk\u00f3dok 2 nagy csoportj\u00e1t k\u00fcl\u00f6nb\u00f6ztetj\u00fck meg, amelyek a k\u00f6vetkez\u0151k: <\/span>RGB<\/b> \u00e9s <\/span>CMYK<\/b>. Az RGB sz\u00ednk\u00f3dok csoportja a digit\u00e1lis k\u00e9pek sz\u00edneit azonos\u00edtja. A bet\u0171sz\u00f3 az angol Red, Green \u00e9s Blue (v\u00f6r\u00f6s, z\u00f6ld, k\u00e9k) szavak kezd\u0151bet\u0171ib\u0151l \u00e1llt \u00f6ssze, amik a sz\u00ednpaletta f\u0151- vagy alapsz\u00edneinek sz\u00e1m\u00edtanak \u00e9s \u00f6sszekeverve m\u00e1s sz\u00ednek nyerhet\u0151k ki bel\u0151le. Seg\u00edts\u00e9g\u00e9vel meg\u00e1llap\u00edthat\u00f3, hogy a 3 sz\u00edn milyen ar\u00e1nyban tartalmaz egy konkr\u00e9t sz\u00ednt. Az RGB k\u00f3d mindig #<\/strong>-tel kezd\u0151dik \u00e9s tov\u00e1bbi 6 elemet tartalmaz, ami lehet bet\u0171 \u00e9s sz\u00e1m is (pl. #FF0000 v\u00f6r\u00f6s). Az els\u0151 2 jegy a v\u00f6r\u00f6sre, a m\u00e1sodik 2 jegy a z\u00f6ldre \u00e9s az utols\u00f3 2 jegy a k\u00e9kre vonatkozik.<\/span><\/p>\n

CMYK sz\u00ednk\u00f3dot akkor haszn\u00e1lunk, ha nyomtat\u00e1sra ker\u00fcl a sor. Elnevez\u00e9se ugyancsak sz\u00ednek kezd\u0151bet\u0171ib\u0151l \u00e1ll. Cyan, Magenta, Yellow \u00e9s Black sz\u00ednekb\u0151l \u00e9p\u00fcl fel, emiatt tal\u00e1n felmer\u00fclhet a k\u00e9rd\u00e9s, hogy a mozaiksz\u00f3 utols\u00f3 bet\u0171je mi\u00e9rt K. A magyar\u00e1zata annyi csak, hogy a fekete sz\u00edn ebben a palett\u00e1ban kulcsfontoss\u00e1g\u00fa szerepet t\u00f6lt be, ez\u00e9rt Key-nek h\u00edvj\u00e1k. A fekete sz\u00ednb\u0151l vonj\u00e1k ki a sz\u00edneket, \u00edgy keletkezik a t\u00f6bbi sz\u00edn, valamint a nyomtat\u00f3 is ezt a met\u00f3dust k\u00f6veti.<\/span><\/p>\n

 <\/p>\n

Hogyan zajlik a Rackhostn\u00e1l a sz\u00ednv\u00e1laszt\u00e1s?<\/b><\/p>\n

 <\/p>\n

Szeretn\u00e9nk bemutatni Nektek a Rackhosthoz k\u00f6thet\u0151 grafikai elemeket \u00e9s alapvet\u0151 sz\u00edneket, amikkel egyedi lett a c\u00e9g a domain szolg\u00e1ltat\u00f3k k\u00f6z\u00f6tt. A Rackhostot a<\/span> LILA<\/b> sz\u00edn \u00e9s az \u0171rhaj\u00f3s arculati elemek k\u00fcl\u00f6nb\u00f6ztetik meg versenyt\u00e1rsait\u00f3l, \u00edgy lett fiatalos \u00e9s lend\u00fcletes. Mivel az egyhang\u00fas\u00e1got szerett\u00fck volna elker\u00fclni, a lila t\u00f6bb \u00e1rnyalata is beker\u00fclt az arculati k\u00e9zik\u00f6nyvbe, ezeket haszn\u00e1ltuk a<\/span> Rackhost<\/span><\/a> weboldal\u00e1n, <\/span>Facebook<\/span><\/a> \u00e9s Instagram oldal\u00e1n \u00e9s a <\/span>webshop term\u00e9kein<\/span><\/a>. Ha r\u00e1n\u00e9z\u00fcnk erre a k\u00e9pre, lehet csak egy egyszer\u0171 lila k\u00e9pet l\u00e1tunk magunk el\u0151tt mindenf\u00e9le \u0171rhaj\u00f3s figur\u00e1val, de ahogy az \u00e1bra is mutatja, t\u00f6bb lila \u00e1rnyalat \u00e9s t\u00f3nus tal\u00e1lhat\u00f3 meg az illusztr\u00e1ci\u00f3n.<\/span><\/p>\n

\"Rackhost<\/p>\n

A k\u00e9pen l\u00e1that\u00f3 5 sz\u00edn saj\u00e1t RGB sz\u00ednk\u00f3ddal rendelkezik \u00e9s pontosan ezekkel a sz\u00ednekkel dolgozunk minden online \u00e9s offline megjelen\u00e9s kapcs\u00e1n, mert ezek tesznek minket egyediv\u00e9 \u00e9s megjegyezhet\u0151v\u00e9, ezek brand\u00fcnk v\u00e9djegyei. Mikor \u00e9s mihez haszn\u00e1ljuk a sz\u00ednk\u00f3dokat? T\u00f6bbek k\u00f6z\u00f6tt akkor, amikor <\/span>megszerkesztj\u00fck k\u00e9peinket<\/span><\/a> Photoshopban k\u00f6z\u00f6ss\u00e9gi m\u00e9di\u00e1ra\u00a0 vagy \u00e9pp az arculati \u00e9s digit\u00e1lis rekl\u00e1manyagok elk\u00e9sz\u00edt\u00e9s\u00e9hez. Ugyan\u00fagy a CMYK sz\u00ednk\u00f3dok is el\u0151ker\u00fclnek a p\u00f3l\u00f3k \u00e9s m\u00e1s webshopban megtal\u00e1lhat\u00f3 term\u00e9kek eset\u00e9ben, hiszen a nyomd\u00e1ban azokkal a sz\u00ednk\u00f3dokkal azonos\u00edtj\u00e1k be a term\u00e9keken megtal\u00e1lhat\u00f3 mint\u00e1k sz\u00edneit.<\/span><\/p>\n

\"Rackhost<\/p>\n

Sz\u00ednv\u00e1laszt\u00e1s a weben<\/b><\/p>\n

 <\/p>\n

A webes arculati sz\u00ednek kiv\u00e1laszt\u00e1s\u00e1hoz sz\u00e1mos lehet\u0151s\u00e9g \u00e1ll rendelkez\u00e9sre az interneten. A sz\u00edneket kiv\u00e1laszthatjuk egy tetsz\u0151leges k\u00e9pr\u0151l, mint p\u00e9ld\u00e1ul az ImageLR vagy Imagecolorpicker oldalon, amelyekre felt\u00f6ltve a kiv\u00e1lasztott k\u00e9pr\u0151l szerezhet\u0151k meg a sz\u00ednk\u00f3dok. A m\u00e1sik opci\u00f3 olyan weboldal, ahol egy\u00e9ni paletta \u00f6ssze\u00e1ll\u00edt\u00e1s\u00e1ra van m\u00f3d, mint a Coolors sz\u00edngener\u00e1l\u00f3 weboldalon. Ezeken az oldalakon inspir\u00e1ci\u00f3t gy\u0171jthet\u00fcnk egy weboldal sz\u00edneinek kialak\u00edt\u00e1s\u00e1hoz \u00e9s elmenthetj\u00fck a sz\u00ednk\u00f3dokat, amik k\u00e9s\u0151bb felhaszn\u00e1l\u00e1sra ker\u00fclhetnek.<\/span><\/p>\n

 <\/p>\n

Teh\u00e1t mindenf\u00e9lek\u00e9ppen kijelenthet\u0151, hogy a sz\u00ednelm\u00e9let egy \u00f6sszetett rendszerb\u0151l \u00e1ll, ugyanakkor pontos \u00e9s megb\u00edzhat\u00f3 eredm\u00e9ny nyerhet\u0151 ki bel\u0151le. Egy weboldal sz\u00edneinek kialak\u00edt\u00e1s\u00e1n\u00e1l t\u00f6rekedni kell a harm\u00f3ni\u00e1ra \u00e9s nem utols\u00f3 sorban a trendek k\u00f6vet\u00e9s\u00e9re. Fontos megjegyezni, hogy ha valaki <\/span>weboldalt k\u00e9sz\u00edt<\/span><\/a>, log\u00f3t vagy egy eg\u00e9sz arculatot tervez, akkor a folyamat legelej\u00e9n\u00a0 kell meghat\u00e1rozni a sz\u00edneket \u00e9s sz\u00ednk\u00f3dokat, \u00edgy a k\u00e9s\u0151bbiekben is egys\u00e9gesen haszn\u00e1lhatja weboldal\u00e1n, <\/span>k\u00f6z\u00f6ss\u00e9gi m\u00e9dia<\/span> platformjain \u00e9s nyomtatott sz\u00f3r\u00f3anyagokon.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Az ember t\u00f6bb milli\u00f3 sz\u00ednt k\u00e9pes megk\u00fcl\u00f6nb\u00f6ztetni saj\u00e1t szem\u00e9vel, de term\u00e9szetesen ezen bel\u00fcl vannak olyan sz\u00ednek, amelyekb\u0151l t\u00f6bb elt\u00e9r\u0151 \u00e1rnyalatot is l\u00e1t \u00e9s vannak olyanok, amelyekb\u0151l kevesebbet. A sz\u00edn\u00e1rnyalatokat pontos\u00edthatjuk, sokf\u00e9le jelz\u0151vel l\u00e1thatjuk el, \u00edgy k\u00fcl\u00f6nb\u00f6ztethetj\u00fck meg a h\u00f3feh\u00e9ret a t\u00f6rtfeh\u00e9rt\u0151l \u00e9s \u00edgy tov\u00e1bb. Ezzel ellent\u00e9tben a digit\u00e1lis programok k\u00f6r\u00fclbel\u00fcl<\/p>\n

\n\t\t\t\t\t\tTov\u00e1bb<\/a><\/div>\n","protected":false},"author":4,"featured_media":851,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[34],"class_list":["post-848","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-egyeb","tag-webdesign"],"_links":{"self":[{"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/posts\/848","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/comments?post=848"}],"version-history":[{"count":3,"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/posts\/848\/revisions"}],"predecessor-version":[{"id":1817,"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/posts\/848\/revisions\/1817"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/media\/851"}],"wp:attachment":[{"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/media?parent=848"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/categories?post=848"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/tags?post=848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}