{"id":541,"date":"2026-05-26T10:55:14","date_gmt":"2026-05-26T10:55:14","guid":{"rendered":"https:\/\/edulab.ufzg.hr\/?page_id=541"},"modified":"2026-09-14T18:08:21","modified_gmt":"2026-09-14T18:08:21","slug":"kako-racunalo-prikazuje-boje-3","status":"publish","type":"page","link":"https:\/\/edulab.ufzg.hr\/index.php\/kako-racunalo-prikazuje-boje-3\/","title":{"rendered":"Kako ra\u010dunalo prikazuje boje?"},"content":{"rendered":"\r\n    <div class=\"edulab-lesson\" data-exit-url=\"\/\">\r\n      <div class=\"edulab-track\">\r\n        <\/p>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,rgba(255,99,132,0.25),rgba(54,162,235,0.25),rgba(75,192,120,0.25),rgba(255,206,86,0.25));padding:50px;border-radius:25px;text-align:center;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif\">\n<h1 style=\"color:#7B2CBF;font-size:38px\">Kako ra\u010dunalo prikazuje boje?<\/h1>\n<p style=\"font-size:20px\"><strong>Lucija Matkovi\u0107, 2026.<\/strong><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.skolskiportal.hr\/wp-content\/uploads\/2013\/11\/Motivacijska-prica-talijanski.jpg\" alt=\"\u0160arena apstraktna slika s mno\u0161tvom razli\u010ditih boja\" style=\"max-width:70%;height:auto;border-radius:15px\">\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,rgba(255,99,132,0.18),rgba(54,162,235,0.18),rgba(75,192,120,0.18),rgba(255,206,86,0.18));padding:30px;border-radius:20px;text-align:center;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif\">\n<h1 style=\"color:#7B2CBF;font-size:36px\">Upute<\/h1>\n<div style=\"white-space:nowrap;text-align:center\">\n<div style=\"display:inline-block;background-color:#FFD6D6;border:4px solid #E53935;border-radius:50%;width:230px;height:230px;padding:35px 25px;margin:8px;vertical-align:top;text-align:center;color:#222222;font-size:15px;line-height:1.4\"><strong style=\"color:#E53935;font-size:26px\">1.<\/strong><\/p>\n<p><strong>Pa\u017eljivo pro\u010ditaj<\/strong><br \/>tekst na svakom ekranu<br \/> i promotri slike.<\/div>\n<div style=\"display:inline-block;background-color:#DDF5E5;border:4px solid #2E8B57;border-radius:50%;width:230px;height:230px;padding:35px 25px;margin:8px;vertical-align:top;text-align:center;color:#222222;font-size:15px;line-height:1.4\"><strong style=\"color:#2E8B57;font-size:26px\">2.<\/strong><\/p>\n<p><strong>Razmisli<\/strong><br \/>o pitanjima koja \u0107e\u0161<br \/> susresti tijekom lekcije.<\/div>\n<div style=\"display:inline-block;background-color:#D9EBFF;border:4px solid #1565C0;border-radius:50%;width:230px;height:230px;padding:35px 25px;margin:8px;vertical-align:top;text-align:center;color:#222222;font-size:15px;line-height:1.4\"><strong style=\"color:#1565C0;font-size:26px\">3.<\/strong><\/p>\n<p><strong>Rije\u0161i interaktivne zadatke<\/strong><br \/>i provjeri svoje znanje.<\/div>\n<div style=\"display:inline-block;background-color:#FFD6D6;border:4px solid #E53935;border-radius:50%;width:230px;height:230px;padding:35px 25px;margin:8px;vertical-align:top;text-align:center;color:#222222;font-size:15px;line-height:1.4\"><strong style=\"color:#E53935;font-size:26px\">4.<\/strong><\/p>\n<p>Za nastavak odaberi <strong><br \/>Sljede\u0107e,<br \/><\/strong> a za povratak <strong><br \/>Natrag<br \/><\/strong>.<\/div>\n<div style=\"display:inline-block;background-color:#DDF5E5;border:4px solid #2E8B57;border-radius:50%;width:230px;height:230px;padding:35px 25px;margin:8px;vertical-align:top;text-align:center;color:#222222;font-size:15px;line-height:1.4\"><strong style=\"color:#2E8B57;font-size:26px\">5.<\/strong><\/p>\n<p>Na kraju lekcije odaberi <br \/><strong>Izlaz<\/strong>.<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,rgba(255,99,132,0.18),rgba(54,162,235,0.18),rgba(75,192,120,0.18),rgba(255,206,86,0.18));padding:30px;border-radius:25px;text-align:center\">\n<video src=\"https:\/\/edulab.ufzg.hr\/wp-content\/uploads\/2026\/09\/Scene-Lucy-Starter.mp4\" controls style=\"width:100%;max-height:500px;border-radius:15px\"><\/video>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,rgba(255,99,132,0.18),rgba(54,162,235,0.18),rgba(75,192,120,0.18),rgba(255,206,86,0.18));padding:40px;border-radius:25px;text-align:center;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif\">\n<h1 style=\"color:#7B2CBF;font-size:36px\">Pogledaj izbliza!<\/h1>\n<p style=\"font-size:20px\">Pa\u017eljivo pogledaj video i obrati pozornost na to \u0161to se doga\u0111a sa slikom kada je sve vi\u0161e pove\u0107avamo.<\/p>\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-118\" class=\"h5p-iframe\" data-content-id=\"118\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"video pikseli\"><\/iframe><\/div><\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,rgba(255,99,132,0.18),rgba(54,162,235,0.18),rgba(75,192,120,0.18),rgba(255,206,86,0.18));padding:40px;border-radius:20px;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif\">\n<h1 style=\"color:#7B2CBF;text-align:center;font-size:36px\">\u0160to je piksel?<\/h1>\n<div style=\"background-color:#FFE5E5;border:4px solid #E53935;border-radius:25px;padding:30px;margin:20px;text-align:center;font-size:22px;line-height:1.6\"><strong>Piksel<\/strong> je najmanji dio slike koji mo\u017eemo vidjeti na zaslonu ra\u010dunala, tableta ili mobitela.<\/div>\n<div style=\"background-color:#E6F4EA;border:4px solid #2E8B57;border-radius:25px;padding:30px;margin:20px;text-align:center;font-size:22px;line-height:1.6\">Kada jako pove\u0107amo sliku, mo\u017eemo primijetiti mno\u0161tvo sitnih kvadrati\u0107a. Svaki od tih kvadrati\u0107a je jedan <strong>piksel<\/strong>.<\/div>\n<div style=\"background-color:#E3F2FD;border:4px solid #1565C0;border-radius:25px;padding:30px;margin:20px;text-align:center;font-size:22px;line-height:1.6\">Svaki piksel mo\u017ee prikazati odre\u0111enu <strong>boju<\/strong>. Mnogo piksela razli\u010ditih boja zajedno stvara sliku koju vidimo na zaslonu.<\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,rgba(255,99,132,0.18),rgba(54,162,235,0.18),rgba(75,192,120,0.18),rgba(255,206,86,0.18));padding:40px;border-radius:25px;text-align:center;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif\">\n<h1 style=\"color:#7B2CBF;font-size:36px\">Tri va\u017ene boje<\/h1>\n<p style=\"font-size:22px\">Zaslon ra\u010dunala koristi tri osnovne boje svjetlosti.<\/p>\n<p style=\"background-color:#FFE5E5;border:4px solid #E53935;border-radius:30px;padding:20px;margin:15px;font-size:21px\"><strong style=\"color:#E53935;font-size:30px\">R<\/strong><br \/><strong>Red = crvena<\/strong><\/p>\n<p style=\"background-color:#E6F4EA;border:4px solid #2E8B57;border-radius:30px;padding:20px;margin:15px;font-size:21px\"><strong style=\"color:#2E8B57;font-size:30px\">G<\/strong><br \/><strong>Green = zelena<\/strong><\/p>\n<p style=\"background-color:#E3F2FD;border:4px solid #1565C0;border-radius:30px;padding:20px;margin:15px;font-size:21px\"><strong style=\"color:#1565C0;font-size:30px\">B<\/strong><br \/><strong>Blue = plava<\/strong><\/p>\n<p style=\"background-color:#FFFFFF;border:3px solid #7B2CBF;border-radius:20px;padding:20px;margin-top:20px;font-size:21px\">Od po\u010detnih slova engleskih naziva <strong>Red, Green i Blue<\/strong> nastala je kratica <strong>RGB<\/strong>.<\/p>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,rgba(255,99,132,0.18),rgba(54,162,235,0.18),rgba(75,192,120,0.18),rgba(255,206,86,0.18));padding:40px;border-radius:25px;text-align:center;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif\">\n<h1 style=\"color:#7B2CBF;font-size:36px\">Provjeri \u0161to zna\u0161<\/h1>\n<p style=\"background-color:#FFFFFF;border:3px solid #7B2CBF;border-radius:20px;padding:20px;font-size:20px\">Prisjeti se svega \u0161to smo do sada nau\u010dili o pikselima i bojama na zaslonu. Rije\u0161i kratki kviz i provjeri svoje znanje.<\/p>\n<div class=\"h5p-content\" data-content-id=\"120\"><\/div><\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,rgba(255,99,132,0.18),rgba(54,162,235,0.18),rgba(75,192,120,0.18),rgba(255,206,86,0.18));padding:40px;border-radius:25px;text-align:center;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif\">\n<h1 style=\"color:#7B2CBF;font-size:36px\">Primjeri RGB kombinacija<\/h1>\n<p style=\"background-color:#FFF4CC;border:3px solid #D4A000;border-radius:20px;padding:18px;margin:15px;font-size:22px\"><strong><span style=\"color:#E53935\">Crvena<\/span> + <span style=\"color:#2E8B57\">zelena<\/span> = <span style=\"color:#B8860B\">\u017euta<\/span><\/strong><\/p>\n<p style=\"background-color:#F3E5F5;border:3px solid #9C27B0;border-radius:20px;padding:18px;margin:15px;font-size:22px\"><strong><span style=\"color:#E53935\">Crvena<\/span> + <span style=\"color:#1565C0\">plava<\/span> = <span style=\"color:#9C27B0\">ljubi\u010dasta<\/span><\/strong><\/p>\n<p style=\"background-color:#E0F7FA;border:3px solid #00A6C7;border-radius:20px;padding:18px;margin:15px;font-size:22px\"><strong><span style=\"color:#2E8B57\">Zelena<\/span> + <span style=\"color:#1565C0\">plava<\/span> = <span style=\"color:#008CA8\">svijetloplava<\/span><\/strong><\/p>\n<p style=\"background-color:#FFFFFF;border:3px solid #7B2CBF;border-radius:20px;padding:18px;margin:15px;font-size:22px\"><strong>Crvena + zelena + plava = bijela<\/strong><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/hudu.hr\/wp-content\/uploads\/2014\/12\/RGB123.jpg\" alt=\"Mije\u0161anje RGB boja\" style=\"max-width:400px;width:100%;border-radius:15px\"><\/p>\n<p style=\"background-color:#EEEEEE;border:3px solid #333333;border-radius:20px;padding:18px;margin-top:20px;font-size:21px\">Kada nijedna od tri boje ne svijetli, vidimo <strong>crnu<\/strong>.<\/p>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,rgba(255,99,132,0.18),rgba(54,162,235,0.18),rgba(75,192,120,0.18),rgba(255,206,86,0.18));padding:40px;border-radius:25px;text-align:center;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif\">\n<h1 style=\"color:#7B2CBF;font-size:36px\">Prona\u0111i RGB parove<\/h1>\n<p style=\"background-color:#FFFFFF;border:3px solid #7B2CBF;border-radius:20px;padding:20px;font-size:20px\">Prona\u0111i parove. Spoji RGB kombinaciju s bojom koja nastaje njihovim mije\u0161anjem.<\/p>\n<div class=\"h5p-content\" data-content-id=\"121\"><\/div><\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,rgba(255,99,132,0.18),rgba(54,162,235,0.18),rgba(75,192,120,0.18),rgba(255,206,86,0.18));padding:40px;border-radius:20px;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif\">\n<h1 style=\"color:#7B2CBF;text-align:center;font-size:36px\">Svaka boja ima svoj zapis<\/h1>\n<div style=\"background-color:#FFFFFF;border:4px solid #7B2CBF;border-radius:25px;padding:30px;margin:20px;text-align:center;font-size:22px;line-height:1.6\">Ra\u010dunalo mo\u017ee zapisati koliko jako trebaju svijetliti <strong>crvena, zelena i plava<\/strong> boja. Za svaku boju koristi se broj od <strong>0 do 255<\/strong>.<\/div>\n<div style=\"background-color:#FFE5E5;border:4px solid #E53935;border-radius:25px;padding:30px;margin:20px;text-align:center;font-size:22px;line-height:1.6\"><strong style=\"color:#E53935;font-size:28px\">R \u2013 CRVENA<\/strong><br \/>Vrijednost mo\u017ee biti od <strong>0 do 255<\/strong>.<br \/>Broj odre\u0111uje koliko jako svijetli crvena boja.<\/div>\n<div style=\"background-color:#E6F4EA;border:4px solid #2E8B57;border-radius:25px;padding:30px;margin:20px;text-align:center;font-size:22px;line-height:1.6\"><strong style=\"color:#2E8B57;font-size:28px\">G \u2013 ZELENA<\/strong><br \/>Vrijednost mo\u017ee biti od <strong>0 do 255<\/strong>.<br \/>Broj odre\u0111uje koliko jako svijetli zelena boja.<\/div>\n<div style=\"background-color:#E3F2FD;border:4px solid #1565C0;border-radius:25px;padding:30px;margin:20px;text-align:center;font-size:22px;line-height:1.6\"><strong style=\"color:#1565C0;font-size:28px\">B \u2013 PLAVA<\/strong><br \/>Vrijednost mo\u017ee biti od <strong>0 do 255<\/strong>.<br \/>Broj odre\u0111uje koliko jako svijetli plava boja.<\/div>\n<div style=\"background-color:#FFF4F4;border:4px solid #E53935;border-radius:25px;padding:30px;margin:20px;text-align:center;font-size:22px;line-height:1.6\"><strong style=\"color:#E53935;font-size:30px\">RGB(255, 0, 0)<\/strong><\/p>\n<p><strong>Crvena = 255<\/strong><br \/>Zelena = 0<br \/>Plava = 0<\/p>\n<p>Zato na zaslonu vidimo <strong style=\"color:#E53935\">crvenu boju<\/strong>.<\/div>\n<div style=\"background-color:#FFFFFF;border:4px solid #7B2CBF;border-radius:25px;padding:30px;margin:20px;text-align:center;font-size:22px;line-height:1.6\"><strong>Zapamti!<\/strong><br \/><strong>0<\/strong> zna\u010di da boja ne svijetli.<br \/><strong>255<\/strong> zna\u010di da boja svijetli najja\u010de.<\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,rgba(255,99,132,0.18),rgba(54,162,235,0.18),rgba(75,192,120,0.18),rgba(255,206,86,0.18));padding:40px;border-radius:25px;text-align:center;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif\">\n<h1 style=\"color:#7B2CBF;font-size:36px\">Istra\u017ei boje<\/h1>\n<p style=\"background-color:#FFFFFF;border:3px solid #7B2CBF;border-radius:20px;padding:20px;font-size:20px\">Klikni na razli\u010dite dijelove slike i otkrij kako ra\u010dunalo zapisuje boje pomo\u0107u RGB vrijednosti.<\/p>\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-122\" class=\"h5p-iframe\" data-content-id=\"122\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Istra\u017eiva\u010di boja\"><\/iframe><\/div><\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,rgba(255,99,132,0.18),rgba(54,162,235,0.18),rgba(75,192,120,0.18),rgba(255,206,86,0.18));padding:40px;border-radius:20px;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif;text-align:center\">\n<h1 style=\"color:#7B2CBF;font-size:38px\">Bravo!<\/h1>\n<h2 style=\"color:#7B2CBF;font-size:26px\">Uspje\u0161no si zavr\u0161io\/zavr\u0161ila lekciju!<\/h2>\n<p style=\"background-color:#FFE5E5;border:4px solid #E53935;border-radius:25px;padding:25px;margin:20px;font-size:22px;line-height:1.5\"><strong style=\"color:#E53935;font-size:26px\">PIKSELI<\/strong><\/p>\n<p>Sada zna\u0161 da se slika na zaslonu sastoji od velikog broja <strong>piksela<\/strong>.<\/p>\n<p style=\"background-color:#E6F4EA;border:4px solid #2E8B57;border-radius:25px;padding:25px;margin:20px;font-size:22px;line-height:1.5\"><strong style=\"color:#2E8B57;font-size:26px\">RGB BOJE<\/strong><\/p>\n<p>Nau\u010dio\/la si da ra\u010dunalo koristi <strong>crvenu, zelenu i plavu<\/strong> boju za prikaz razli\u010ditih boja na zaslonu.<\/p>\n<p style=\"background-color:#E3F2FD;border:4px solid #1565C0;border-radius:25px;padding:25px;margin:20px;font-size:22px;line-height:1.5\"><strong style=\"color:#1565C0;font-size:26px\">RGB ZAPIS<\/strong><\/p>\n<p>Otkrio\/la si da svaka boja ima svoj <strong>RGB zapis<\/strong> i da se koriste vrijednosti od <strong>0 do 255<\/strong>.<\/p>\n<p style=\"background-color:#FFF4CC;border:4px solid #D4A000;border-radius:25px;padding:25px;margin:20px;font-size:22px;line-height:1.5\"><strong style=\"color:#B8860B;font-size:26px\">ZAPAMTI!<\/strong><\/p>\n<p>Mijenjanjem koli\u010dine crvene, zelene i plave boje ra\u010dunalo mo\u017ee prikazati mno\u0161tvo razli\u010ditih boja.<\/p>\n<p style=\"background-color:#FFFFFF;border:4px solid #7B2CBF;border-radius:25px;padding:25px;margin:25px;font-size:23px;line-height:1.5\"><strong style=\"color:#7B2CBF;font-size:28px\">Odli\u010dno odra\u0111en posao!<\/strong><\/p>\n<p>Za zavr\u0161etak lekcije odaberi <strong>Izlaz<\/strong>.<\/p>\n<\/div>\n<p><\/div><\/section>\n<p>\r\n      <\/div>\r\n\r\n      <div class=\"edulab-nav\">\r\n        <button type=\"button\" class=\"edulab-step-prev\">\u2190 Natrag<\/button>\r\n        <button type=\"button\" class=\"edulab-step-next\">Sljede\u0107e \u2192<\/button>\r\n        <button type=\"button\" class=\"edulab-step-exit\">Izlaz<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"edulab-counter\">1 \/ 1<\/div>\r\n    <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page_front-page.php","meta":{"footnotes":""},"class_list":["post-541","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/pages\/541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/comments?post=541"}],"version-history":[{"count":51,"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/pages\/541\/revisions"}],"predecessor-version":[{"id":2827,"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/pages\/541\/revisions\/2827"}],"wp:attachment":[{"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/media?parent=541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}