{"id":76,"date":"2022-10-02T14:51:25","date_gmt":"2022-10-02T14:51:25","guid":{"rendered":"http:\/\/learnlearn.uk\/ibcs\/?page_id=76"},"modified":"2023-02-03T14:10:38","modified_gmt":"2023-02-03T14:10:38","slug":"colour-image-representation-binary","status":"publish","type":"page","link":"https:\/\/learnlearn.uk\/ibcs\/colour-image-representation-binary\/","title":{"rendered":"Colour Image Representation in Binary"},"content":{"rendered":"<p><div class=\"responsive-tabs\">\n<h2 class=\"tabtitle\">Starter<\/h2>\n<div class=\"tabcontent\">\n<br \/>\n<iframe loading=\"lazy\" src=\"https:\/\/learnlearn.uk\/wp-content\/uploads\/2022\/10\/rgbgame.html\" width=\"850\" height=\"700\"><\/iframe><\/p>\n\n<\/div><h2 class=\"tabtitle\">RGB Colour<\/h2>\n<div class=\"tabcontent\">\n\n<div class=\"arconix-column-two-thirds\">\n<h2>Creating Colours using RGB Components<\/h2>\n<p>Before we can look the colours are stored using binary, we need to have a look at how colours are created.<\/p>\n<p>When colours are created using light ( such as the light on your computer screen) , they are made up of a mixture or 3 colour components:<\/p>\n<div class=\"arconix-list\" data-arconix-icon=\"fa-chevron-circle-right\" data-arconix-color=\"black\"><\/div>\n<ul>\n<li>Red<\/li>\n<li>Green<\/li>\n<li>Blue<\/li>\n<\/ul>\n<div class=\"arconix-list\" data-arconix-icon=\"fa-chevron-circle-right\" data-arconix-color=\"black\"><\/div>\n<p>It is the<strong> brightness<\/strong> of each colour in the mix that creates all the colours that we use in our bitmaps. Notice that these colour mixtures are a little different to the ones that we get when we mix paints together. This is because when creating colours by adding multiple colour light sources we are using <strong>additive<\/strong> colour mixing, whereas when we mix paint we are reducing the amount of colour which is reflected (subtractive colour mixing).<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<div class=\"arconix-column-one-third\">\n<div id=\"attachment_38\" style=\"width: 310px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-38\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-38 size-medium\" src=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/rgb-300x300.png\" alt=\"Lesson 5 Color Images\" width=\"300\" height=\"300\" \/><p id=\"caption-attachment-38\" class=\"wp-caption-text\">A simple colour wheel showing the primary and secondary colours<\/p><\/div>\n<div id=\"attachment_122\" style=\"width: 310px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-122\" decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-122\" src=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/colour-wheel-complex-300x300.png\" alt=\"A more complex colour wheel using different colour mixes\" width=\"300\" height=\"300\" \/><p id=\"caption-attachment-122\" class=\"wp-caption-text\">A more complex colour wheel using different colour mixes<\/p><\/div>\n<\/div>\n\n<\/div><h2 class=\"tabtitle\">Binary Colour<\/h2>\n<div class=\"tabcontent\">\n\n<h3>How colours are represented in binary<\/h3>\n<p>Binary RGB Colours are created using a mix of three colours, each set at a different brightness &#8211; 0 for black, 255 for 100% brightness.<\/p>\n<ul>\n<li>Red 0 to 255<\/li>\n<li>Green 0 to 255<\/li>\n<li>Blue 0 to 255<\/li>\n<\/ul>\n<p>Although\u00a0this uses a large amount of bits (24 bits per\u00a0pixel vs 1 bit per pixel for B&amp;W), it also means that you can have a massive amount of different colors to choose from:<\/p>\n<ul>\n<li>red x green x blue<\/li>\n<li>= 255 x 255 x 255<\/li>\n<li>= 16.7 Million possible colours!<\/li>\n<\/ul>\n<p><strong>RGB Colour Examples<\/strong><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-115\" src=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/complex-rgb-colours-fixed.png\" alt=\"complex-rgb-colours-fixed\" width=\"887\" height=\"358\" \/><\/p>\n\n<\/div><h2 class=\"tabtitle\">Colour Depth<\/h2>\n<div class=\"tabcontent\">\n\n<h3>Image Colour Depth<\/h3>\n<p>The accuracy of colour representation depends on the number of bits used to store each pixel of colour. In the early days of computer graphics where processing power and storage capacity were at a premium, 8 bits were used to store the colour data for each pixel.<\/p>\n<p><strong>8 Bit colour &#8211; 256 Colours<\/strong><\/p>\n<div id=\"attachment_82\" style=\"width: 778px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/256colour.png\"><img aria-describedby=\"caption-attachment-82\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-82 size-full\" src=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/256colour.png\" alt=\"\" width=\"768\" height=\"192\" srcset=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/256colour.png 768w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/256colour-300x75.png 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a><p id=\"caption-attachment-82\" class=\"wp-caption-text\">An 8 bit colour palette. <a href=\"https:\/\/en.wikipedia.org\/wiki\/8-bit_color#\/media\/File:256colour.png\">Source: Wikipedia<\/a>.<\/p><\/div>\n<p>This system was sufficient for simple graphics but with the advent of digital photography 8 bits was soon soon replaced by using 8 bits per RGB color channel, 24 bits in total.<\/p>\n<p><strong>24 Bit color &#8211; 16,7 Million Colors<\/strong><\/p>\n<p><a href=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/24-bit-color.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-83\" src=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/24-bit-color.png\" alt=\"\" width=\"480\" height=\"480\" srcset=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/24-bit-color.png 480w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/24-bit-color-150x150.png 150w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/24-bit-color-300x300.png 300w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/a><\/p>\n\n<\/div><h2 class=\"tabtitle\">Digital Images<\/h2>\n<div class=\"tabcontent\">\n\n<h3>Digital Images in Binary<\/h3>\n<p>So if individual colours can be represented in binary, then images can be represented too. Digital images are simple a grid of millions of individual cells (pixels) in a grid, with each cell in the grid contain one individual colour(this colour is of course consists of 3 different RGB channels!)<\/p>\n<div id=\"attachment_97\" style=\"width: 760px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/enlarged-image-pixels.png\"><img aria-describedby=\"caption-attachment-97\" decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-97\" src=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/enlarged-image-pixels-1024x589.png\" alt=\"\" width=\"750\" height=\"431\" srcset=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/enlarged-image-pixels-1024x589.png 1024w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/enlarged-image-pixels-300x173.png 300w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/enlarged-image-pixels-768x442.png 768w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/enlarged-image-pixels.png 1152w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><p id=\"caption-attachment-97\" class=\"wp-caption-text\">If you zoom in on an image you can see that it is made up of a grid of pixels, each containing one individual colour.<\/p><\/div>\n<h3>Subpixel level<\/h3>\n<p>Each individual pixel consists of 3 individual LEDs that combine to produce the required output colour.<\/p>\n<div id=\"attachment_130\" style=\"width: 569px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/RGB-Leds-on-a-matrix.jpg\"><img aria-describedby=\"caption-attachment-130\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-130 \" src=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/RGB-Leds-on-a-matrix.jpg?_t=1664880895\" alt=\"\" width=\"559\" height=\"447\" srcset=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/RGB-Leds-on-a-matrix.jpg 960w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/RGB-Leds-on-a-matrix-300x240.jpg 300w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/10\/RGB-Leds-on-a-matrix-768x614.jpg 768w\" sizes=\"(max-width: 559px) 100vw, 559px\" \/><\/a><p id=\"caption-attachment-130\" class=\"wp-caption-text\">A magnified view of an LED screen matrix. <a href=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/7\/77\/TN_display_closeup_300X.jpg\/960px-TN_display_closeup_300X.jpg\">Source: Wikipedia<\/a><\/p><\/div>\n<p>&nbsp;<\/p>\n\n<\/div><h2 class=\"tabtitle\">Resolution<\/h2>\n<div class=\"tabcontent\">\n\n<h3>Image resolution<\/h3>\n<p>The size and quality of an image depends on the resolution at which the image is taken and stored. Modern cameras can take large images of over 5000 x 4000 pixels, which is a massive 20 Million Pixels (20 Megapixels) per image.<\/p>\n<p><strong>Pros of larger image resolution<\/strong><\/p>\n<ul>\n<li>Larger images can be enlarged in order to be printed onto canvas or large posters<\/li>\n<li>Larger images can also be cropped while still retaining detail<\/li>\n<\/ul>\n<p><strong>Cons of larger image resolution<\/strong><\/p>\n<ul>\n<li>However larger images require more store space than smaller images<\/li>\n<li>Larger images also take longer to load across the internet, which is why mobile websites tend to use lower resolution images.<\/li>\n<\/ul>\n\n<\/div><h2 class=\"tabtitle\">Compression<\/h2>\n<div class=\"tabcontent\">\n\n<h3>Image Compression<\/h3>\n<p>High quality images are great, but there is a problem. As the resolution of modern cameras increases, so does the file size!<\/p>\n<p>A modern camera can take pictures of a resolution of up to 20 megapixels (20 million pixels) but this means that the image size will be massive!<\/p>\n<p><span style=\"color: #0000ff;\">20,000,000 pixels times by 24 bits per pixel = \u00a0480,000 bits \u00a0= 60 Megabytes per image.<\/span><\/p>\n<p>This\u00a0would mean that if you wanted to save your photos to a CD you could only save about 13 photos to each CD!!! Argh!!!<\/p>\n<p>This is rubbish. What we need is a way of making image files smaller &#8211; compression.<\/p>\n<p><strong>Lossless Compression ( 30 &#8211; 50 % file size reduction)<\/strong><\/p>\n<p>The first form of compression is called lossless compression. Lossless compress makes images smaller than their original size, without losing any of the details.<\/p>\n<p>TIFF is an example of a lossless file compression type.<\/p>\n<p><strong>Lossy Compression (70-95% file size reduction)<\/strong><\/p>\n<p>The second form of compression is known as<strong> lossy<\/strong> compression. These forms of compression use complex algorithms to reduce the file size in photos, whilst minimising the noticeable reduction in file quality.<\/p>\n<div id=\"attachment_120\" style=\"width: 860px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/JPEG_compression_Example.jpg\"><img aria-describedby=\"caption-attachment-120\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-120\" src=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/JPEG_compression_Example.jpg\" alt=\"Image quality reduction caused by extreme JPEG lossy compression. Click to enlarge\" width=\"850\" height=\"638\" \/><\/a><p id=\"caption-attachment-120\" class=\"wp-caption-text\">Image quality reduction caused by too much\u00a0JPEG lossy compression. Click to enlarge<\/p><\/div>\n<p><a href=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/b2\/JPEG_compression_Example.jpg\">Source : Wikipedia<\/a><\/p>\n\n<\/div><h2 class=\"tabtitle\">Vector<\/h2>\n<div class=\"tabcontent\">\n\n<h3>Vector Images<\/h3>\n<div class=\"nv-iframe-embed\">\n<div class=\"container-lazyload preview-lazyload container-youtube js-lazyload--not-loaded\"><a href=\"https:\/\/www.youtube.com\/watch?v=fy9Pby0Gzsc\" class=\"lazy-load-youtube preview-lazyload preview-youtube\" data-video-title=\"Vector VS Bitmap\" title=\"Play video &quot;Vector VS Bitmap&quot;\">https:\/\/www.youtube.com\/watch?v=fy9Pby0Gzsc<\/a><noscript>Video can&#8217;t be loaded because JavaScript is disabled: <a href=\"https:\/\/www.youtube.com\/watch?v=fy9Pby0Gzsc\" title=\"Vector VS Bitmap\">Vector VS Bitmap (https:\/\/www.youtube.com\/watch?v=fy9Pby0Gzsc)<\/a><\/noscript><\/div>\n<\/div>\n<\/div><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How colours are represented in binary Binary RGB Colours are created using a mix of three colours, each set at a different brightness &#8211; 0 for black, 255 for 100% brightness. Red 0 to 255 Green 0 to 255 Blue 0 to 255 Although\u00a0this uses a large amount of bits (24 bits per\u00a0pixel vs 1&hellip;&nbsp;<a href=\"https:\/\/learnlearn.uk\/ibcs\/colour-image-representation-binary\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Colour Image Representation in Binary<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"on","neve_meta_content_width":89,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Colour Image Representation in Binary - IB Computer Science<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/learnlearn.uk\/ibcs\/colour-image-representation-binary\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Colour Image Representation in Binary - IB Computer Science\" \/>\n<meta property=\"og:description\" content=\"How colours are represented in binary Binary RGB Colours are created using a mix of three colours, each set at a different brightness &#8211; 0 for black, 255 for 100% brightness. Red 0 to 255 Green 0 to 255 Blue 0 to 255 Although\u00a0this uses a large amount of bits (24 bits per\u00a0pixel vs 1&hellip;&nbsp;Read More &raquo;Colour Image Representation in Binary\" \/>\n<meta property=\"og:url\" content=\"https:\/\/learnlearn.uk\/ibcs\/colour-image-representation-binary\/\" \/>\n<meta property=\"og:site_name\" content=\"IB Computer Science\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-03T14:10:38+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/rgb-300x300.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/colour-image-representation-binary\/\",\"url\":\"https:\/\/learnlearn.uk\/ibcs\/colour-image-representation-binary\/\",\"name\":\"Colour Image Representation in Binary - IB Computer Science\",\"isPartOf\":{\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#website\"},\"datePublished\":\"2022-10-02T14:51:25+00:00\",\"dateModified\":\"2023-02-03T14:10:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/colour-image-representation-binary\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/learnlearn.uk\/ibcs\/colour-image-representation-binary\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/colour-image-representation-binary\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"IB Computer Science\",\"item\":\"https:\/\/learnlearn.uk\/ibcs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Colour Image Representation in Binary\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#website\",\"url\":\"https:\/\/learnlearn.uk\/ibcs\/\",\"name\":\"IB Computer Science\",\"description\":\"- learnlearn..uk\",\"publisher\":{\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/learnlearn.uk\/ibcs\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#organization\",\"name\":\"IB Computer Science\",\"url\":\"https:\/\/learnlearn.uk\/ibcs\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/09\/LearnLearnLogowhite-300x41.png\",\"contentUrl\":\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/09\/LearnLearnLogowhite-300x41.png\",\"width\":300,\"height\":41,\"caption\":\"IB Computer Science\"},\"image\":{\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Colour Image Representation in Binary - IB Computer Science","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/learnlearn.uk\/ibcs\/colour-image-representation-binary\/","og_locale":"en_GB","og_type":"article","og_title":"Colour Image Representation in Binary - IB Computer Science","og_description":"How colours are represented in binary Binary RGB Colours are created using a mix of three colours, each set at a different brightness &#8211; 0 for black, 255 for 100% brightness. Red 0 to 255 Green 0 to 255 Blue 0 to 255 Although\u00a0this uses a large amount of bits (24 bits per\u00a0pixel vs 1&hellip;&nbsp;Read More &raquo;Colour Image Representation in Binary","og_url":"https:\/\/learnlearn.uk\/ibcs\/colour-image-representation-binary\/","og_site_name":"IB Computer Science","article_modified_time":"2023-02-03T14:10:38+00:00","og_image":[{"url":"http:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/rgb-300x300.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/learnlearn.uk\/ibcs\/colour-image-representation-binary\/","url":"https:\/\/learnlearn.uk\/ibcs\/colour-image-representation-binary\/","name":"Colour Image Representation in Binary - IB Computer Science","isPartOf":{"@id":"https:\/\/learnlearn.uk\/ibcs\/#website"},"datePublished":"2022-10-02T14:51:25+00:00","dateModified":"2023-02-03T14:10:38+00:00","breadcrumb":{"@id":"https:\/\/learnlearn.uk\/ibcs\/colour-image-representation-binary\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/learnlearn.uk\/ibcs\/colour-image-representation-binary\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/learnlearn.uk\/ibcs\/colour-image-representation-binary\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"IB Computer Science","item":"https:\/\/learnlearn.uk\/ibcs\/"},{"@type":"ListItem","position":2,"name":"Colour Image Representation in Binary"}]},{"@type":"WebSite","@id":"https:\/\/learnlearn.uk\/ibcs\/#website","url":"https:\/\/learnlearn.uk\/ibcs\/","name":"IB Computer Science","description":"- learnlearn..uk","publisher":{"@id":"https:\/\/learnlearn.uk\/ibcs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/learnlearn.uk\/ibcs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/learnlearn.uk\/ibcs\/#organization","name":"IB Computer Science","url":"https:\/\/learnlearn.uk\/ibcs\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/learnlearn.uk\/ibcs\/#\/schema\/logo\/image\/","url":"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/09\/LearnLearnLogowhite-300x41.png","contentUrl":"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/09\/LearnLearnLogowhite-300x41.png","width":300,"height":41,"caption":"IB Computer Science"},"image":{"@id":"https:\/\/learnlearn.uk\/ibcs\/#\/schema\/logo\/image\/"}}]}},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"learnlearnadmin","author_link":"https:\/\/learnlearn.uk\/ibcs\/author\/learnlearnadmin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"How colours are represented in binary Binary RGB Colours are created using a mix of three colours, each set at a different brightness &#8211; 0 for black, 255 for 100% brightness. Red 0 to 255 Green 0 to 255 Blue 0 to 255 Although\u00a0this uses a large amount of bits (24 bits per\u00a0pixel vs 1&hellip;&nbsp;Read&hellip;","_links":{"self":[{"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/pages\/76"}],"collection":[{"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":20,"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":499,"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/pages\/76\/revisions\/499"}],"wp:attachment":[{"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/media?parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}