What Colour Is It?<\/title>\n\n\n\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-6TT1HFRV4Y\"><\/script>\n<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n gtag('config', 'G-6TT1HFRV4Y');\n<\/script>\n\n<style>\n\/* Strip WP chrome (keeps site logo\/header shell but hides theme titles\/nav) *\/\nbody > .wp-site-blocks > .wp-block-template-part,\nbody > .wp-site-blocks > header.wp-block-template-part,\nbody > .wp-site-blocks > footer.wp-block-template-part,\nbody > .wp-site-blocks nav.wp-block-navigation,\n.site-footer,.footer-widgets,.widget-area,\n.entry-header,.wp-block-post-title,\n.page-title,.entry-title,\n#toc_container,.toc_container,.ez-toc-container,.lwptoc,.table-of-contents,.toc{display:none!important}\nbody,.wp-site-blocks,.entry-content{margin:0!important;padding:0!important;max-width:none!important}\n\/* Hide ONLY the theme\u2019s clickable site title text (keep logo) *\/\nheader .wp-block-site-title,.site-title,.site-title a{display:none!important}\n\n\/* --- App styles --- *\/\n:root{--brand:#cf102d;--ink:#222;--bg:#fff;--card:#fafafa;--line:#eee;--field:#ddd}\n*{box-sizing:border-box}\nbody{font:16px\/1.5 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}\n#wcii{max-width:900px;margin:0 auto;padding:24px}\n\n\/* Page title *\/\n.wcii-header h1{margin:0 0 10px;font-size:clamp(32px,5vw,48px);letter-spacing:-.3px}\n\n\/* Section pills *\/\n.wcii-nav{display:grid;gap:12px;margin:12px 0 22px}\n.wcii-pill{\n display:block;text-decoration:none;background:var(--brand);color:#fff;\n padding:12px 18px;border-radius:999px;border:2px solid var(--brand);text-align:left;\n font-weight:400;\n}\n.wcii-pill:hover,.wcii-pill:focus{outline:3px solid rgba(207,16,45,.25);outline-offset:2px}\n.wcii-pill.active-pill{\n font-weight:700;\n}\n\n\/* Cards *\/\n.card{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 16px}\n.card h2{margin:0 0 10px;font-size:20px}\n\n\/* Fields *\/\nlabel{font-weight:700;display:block;margin:10px 0 6px}\ntextarea,input[type=\"text\"],input[type=\"email\"]{\n width:100%;border:1px solid var(--field);border-radius:12px;padding:10px 12px;\n font:inherit;background:#fff\n}\ntextarea{min-height:110px;resize:vertical}\n\n\/* Inline row: input + pill button (right) *\/\n.row{display:flex;gap:12px;align-items:center}\n.row input{flex:1;min-width:0;height:44px}\n\n\/* Buttons *\/\n.btn{\n cursor:pointer;border:2px solid var(--brand);border-radius:999px;background:var(--brand);\n color:#fff;padding:10px 28px;font-weight:700;line-height:1\n}\n.btn:focus{outline:3px solid rgba(207,16,45,.25);outline-offset:2px}\n\n\/* Helpers *\/\n.small{font-size:12px;color:#666;margin-top:8px}\n\n\/* Mobile padding *\/\n@media (max-width:600px){#wcii{padding:16px}}\n\n\/* --- Viewer + palette --- *\/\n#viewer{display:none;margin-top:8px} \/* hidden until a pill is clicked *\/\n.viewer-bar{\n display:flex;gap:10px;align-items:center;flex-wrap:wrap;\n background:#fafafa;border:1px solid var(--line);border-radius:24px;padding:10px 16px\n}\n.viewer-bar a,.viewer-bar button{\n text-decoration:none;cursor:pointer;border:2px solid var(--brand);\n border-radius:999px;background:var(--brand);color:#fff;padding:8px 16px;\n font-weight:700;line-height:1\n}\n.viewer-wrap{\n margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:0;background:#fff\n}\n\n\/* Palette strip list \u2013 each row is fully coloured *\/\n.palette-list{margin:0;padding:0;list-style:none}\n.palette-item{\n padding:6px 24px;\n border-bottom:1px solid #f0f0f0;\n cursor:pointer;\n display:flex;\n justify-content:flex-end;\n align-items:center;\n min-height:52px;\n}\n.palette-hex{\n font-family:monospace;\n font-size:18px;\n background:rgba(255,255,255,0.85);\n padding:4px 8px;\n border-radius:4px;\n}\n\n\/* Tighten a bit on mobile *\/\n@media (max-width:640px){\n .palette-item{\n padding:4px 16px;\n }\n}\n\n\/* HEX input + copy *\/\n.hex-controls{\n display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap\n}\n.hex-controls input{\n width:120px;border-radius:8px;border:1px solid var(--field);padding:6px 8px;\n font-family:monospace;\n}\n.hex-controls button{\n border-radius:999px;border:2px solid var(--brand);background:var(--brand);color:#fff;\n padding:6px 12px;font-size:13px;font-weight:700;cursor:pointer;\n}\n.hex-msg{font-size:12px;color:#333;margin-left:4px}\n\n\/* About section styles *\/\n#about { margin-top: 24px; }\n#about h2 { margin: 0 0 8px; font-size: clamp(22px, 3.2vw, 28px); }\n#about h3 { margin: 18px 0 8px; font-size: clamp(18px, 2.6vw, 22px); }\n#about p { margin: 8px 0 12px; }\n#about .links { margin: 8px 0 0; padding-left: 18px; }\n.team {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-top: 8px;\n}\n@media (min-width: 640px) {\n .team { grid-template-columns: repeat(3, 1fr); }\n}\n.person {\n border: 1px solid #eee;\n border-radius: 12px;\n padding: 12px;\n background: #fafafa;\n}\n.person h4 { margin: 0 0 4px; font-size: 16px; }\n.person .role { margin: 0 0 8px; color: #555; font-size: 13px; }\n<\/style>\n<\/head>\n<body>\n<div id=\"wcii\">\n <header class=\"wcii-header\"><h1><span class=\"ez-toc-section\" id=\"What_Colour_Is_It\"><\/span>What Colour Is It?<span class=\"ez-toc-section-end\"><\/span><\/h1><\/header>\n\n \n <nav class=\"wcii-nav\" aria-label=\"Sections\">\n <button class=\"wcii-pill\" data-kind=\"sputum\" type=\"button\">Sputum<\/button>\n<button class=\"wcii-pill\" data-kind=\"urine\" type=\"button\">Urine<\/button>\n<button class=\"wcii-pill\" data-kind=\"faeces\" type=\"button\">Faeces<\/button>\n <\/nav>\n\n \n <section id=\"viewer\" aria-label=\"Image viewer\">\n <div class=\"viewer-bar\">\n <a id=\"homeBtn\" href=\"https:\/\/blogs.napier.ac.uk\/wcii\/\">Home<\/a>\n <a id=\"downloadBtn\" href=\"#\" download>Download image<\/a>\n\n <div class=\"hex-controls\">\n <label for=\"hexInput\" style=\"margin:0;font-weight:600;\">HEX<\/label>\n <input id=\"hexInput\" type=\"text\" placeholder=\"#F8F6E1\" maxlength=\"7\" aria-label=\"HEX colour code\">\n <button type=\"button\" id=\"copyHexBtn\">Copy HEX<\/button>\n <span id=\"hexMsg\" class=\"hex-msg\" aria-live=\"polite\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"viewer-wrap\">\n \n <ul id=\"paletteList\" class=\"palette-list\" aria-label=\"Colour swatches\"><\/ul>\n <\/div>\n\n <p class=\"small\">\n Tip: tap a colour strip to populate the HEX box above, then tap \u201cCopy HEX\u201d. \n The Download button saves the original WCII PNG image.\n <\/p>\n <\/section>\n\n \n <section class=\"card\" aria-labelledby=\"fb-title\">\n <h2 id=\"fb-title\"><span class=\"ez-toc-section\" id=\"Feedback\"><\/span>Feedback<span class=\"ez-toc-section-end\"><\/span><\/h2>\n <form id=\"fb\" novalidate>\n <label for=\"msg\">What was your experience of using <em>What Colour Is It?<\/em>? How could we improve it?<\/label>\n <textarea id=\"msg\" name=\"message\" maxlength=\"1000\" placeholder=\"A sentence or two is perfect\u2026\" required><\/textarea>\n\n <label for=\"occ\">Your Occupation<\/label>\n <div class=\"row\">\n <input id=\"occ\" name=\"occupation\" type=\"text\" maxlength=\"80\" placeholder=\"e.g., Student nurse, GP, Parent\">\n <button class=\"btn\" type=\"submit\">Send<\/button>\n <\/div>\n\n <p class=\"small\">Your responses here are anonymous. We do not ask for your name or email. They help us improve <em>What Colour Is It?<\/em> and inform our research. Thank you!<\/p>\n <p class=\"small\">DRAFT \u2013 This assists description; it is not a diagnostic tool.<\/p>\n <p id=\"fbThanks\" class=\"small\" style=\"display:none\">Thanks \u2014 your anonymous feedback has been sent.<\/p>\n <\/form>\n <\/section>\n\n \n <section id=\"about\" aria-labelledby=\"about-title\">\n <h2 id=\"about-title\"><span class=\"ez-toc-section\" id=\"About_Us\"><\/span>About Us<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n <p>\n We\u2019re motivated to improve care. Our aim is to provide a simple, standard, and clinically relevant colour palette that supports clear communication (and saves practitioner time).\n Describing colour can be hard\u2014sometimes embarrassing or confusing\u2014and words are often misinterpreted, which can lead to poorer outcomes. Also\u2026 we find colours fascinating!\n <\/p>\n\n <h3 id=\"about-why\"><span class=\"ez-toc-section\" id=\"Why_we_made_this\"><\/span>Why we made this<span class=\"ez-toc-section-end\"><\/span><\/h3>\n <p>\n As clinical practitioners and service users, we\u2019ve experienced how tricky \u201ccolour talk\u201d can be. This project offers a shared visual reference to reduce ambiguity and support better decision-making.\n <\/p>\n\n <h3 id=\"about-team\"><span class=\"ez-toc-section\" id=\"Who_we_are\"><\/span>Who we are<span class=\"ez-toc-section-end\"><\/span><\/h3>\n <div class=\"team\">\n <article class=\"person\">\n <h4><span class=\"ez-toc-section\" id=\"Hazel_McPhilips\"><\/span>Hazel McPhilips<span class=\"ez-toc-section-end\"><\/span><\/h4>\n <p class=\"role\">Advanced Nurse Practitioner & Lecturer \/ Programme Leader<\/p>\n <p>Hazel is a synesthete\u2014colour plays a huge part in how she perceives the world.<\/p>\n <\/article>\n\n <article class=\"person\">\n <h4><span class=\"ez-toc-section\" id=\"Stephen_Yorkstone\"><\/span>Stephen Yorkstone<span class=\"ez-toc-section-end\"><\/span><\/h4>\n <p class=\"role\">Business Improvement Consultant<\/p>\n <p>Stephen loves how small changes, done well, add up to make a big difference.<\/p>\n <\/article>\n\n <article class=\"person\">\n <h4><span class=\"ez-toc-section\" id=\"Manish_Khatri\"><\/span>Manish Khatri<span class=\"ez-toc-section-end\"><\/span><\/h4>\n <p class=\"role\">Developer (Information Services)<\/p>\n <p>Manish built the site and keeps the experience fast, accessible, and reliable.<\/p>\n <\/article>\n <\/div>\n\n <h3 id=\"about-next\"><span class=\"ez-toc-section\" id=\"Whats_next\"><\/span>What\u2019s next<span class=\"ez-toc-section-end\"><\/span><\/h3>\n <p>\n We\u2019re guided by your feedback. Please share suggestions\u2014community input has shaped this project so far, and we\u2019re excited about what comes next.\n <\/p>\n\n <h3 id=\"about-more\"><span class=\"ez-toc-section\" id=\"Find_out_more\"><\/span>Find out more<span class=\"ez-toc-section-end\"><\/span><\/h3>\n <ul class=\"links\">\n <li>References: <em>coming soon<\/em><\/li>\n <li>Email: <a href=\"mailto:wcii@napier.ac.uk\">wcii@napier.ac.uk<\/a><\/li>\n <\/ul>\n <\/section>\n\n \n <section class=\"card\" aria-labelledby=\"keep-title\">\n <h2 id=\"keep-title\"><span class=\"ez-toc-section\" id=\"Keep_in_touch\"><\/span>Keep in touch<span class=\"ez-toc-section-end\"><\/span><\/h2>\n <form id=\"subscribe\" novalidate>\n <label for=\"subEmail\">Enter your email to be added to the <em>What Colour Is It?<\/em> mailing list for updates<\/label>\n <div class=\"row\">\n <input id=\"subEmail\" name=\"email\" type=\"email\" inputmode=\"email\" autocomplete=\"email\" placeholder=\"you@nhs.uk\" required>\n <button class=\"btn\" type=\"submit\">Send<\/button>\n <\/div>\n <p class=\"small\">This form saves only your email address and is stored separately from the feedback above.<\/p>\n <p id=\"subThanks\" class=\"small\" style=\"display:none\">Great \u2014 you\u2019re on the list.<\/p>\n <\/form>\n <\/section>\n<\/div>\n\n<script>\n\/* Feedback: anonymous (no identifiers) *\/\ndocument.getElementById('fb').addEventListener('submit', e=>{\n e.preventDefault();\n const msg=document.getElementById('msg').value.trim();\n if(!msg) return;\n const occ=(document.getElementById('occ').value||'').trim();\n const body=encodeURIComponent(\n `Feedback:\\n\\n${msg}\\n\\nOccupation (optional): ${occ||'\u2014'}`\n );\n window.location.href=\n `mailto:841e59a8.livenapierac.onmicrosoft.com@uk.teams.ms`+\n `?subject=WCII Website Feedback - What Colour Is It?&body=${body}`;\n e.target.reset();\n document.getElementById('fbThanks').style.display='block';\n});\n\n\/* Mailing list: email only (separate from feedback) *\/\ndocument.getElementById('subscribe').addEventListener('submit', e=>{\n e.preventDefault();\n const email=document.getElementById('subEmail');\n if(!email.reportValidity()) return;\n const subject=encodeURIComponent('WCII mailing list request');\n const body=encodeURIComponent(\n `Please add this address to the WCII updates list:\\n\\n${email.value}`\n );\n window.location.href=\n `mailto:2419c00e.livenapierac.onmicrosoft.com@uk.teams.ms?subject=${subject}&body=${body}`;\n e.target.reset();\n document.getElementById('subThanks').style.display='block';\n});\n\n\/* --- Palette viewer logic --- *\/\n(function(){\n const palettes = {\n \/\/ \u2705 Sputum (white \u2192 yellow \u2192 brown \u2192 black \u2192 red)\n sputum: {\n img: 'https:\/\/blogs.napier.ac.uk\/wcii\/wp-content\/uploads\/sites\/195\/2025\/11\/WCII-Sputum-1.png',\n colors: [\n '#FCFCFC','#E7E7E7','#FAF9DB','#FAF472','#EBD775',\n '#DBDB77','#A8BC38','#B3A254','#866630','#6D5A4B',\n '#000000','#570C06','#914706','#EC6E58','#C80B0D'\n ]\n },\n\n \/\/ \u2705 Urine (pale \u2192 bright yellows, then pinks\/orange\/reds, lilac, blue, green, dark brown)\n urine: {\n img: 'https:\/\/blogs.napier.ac.uk\/wcii\/wp-content\/uploads\/sites\/195\/2025\/11\/WCII-Urine-1.png',\n colors: [\n '#F8F6E1','#FEF87E','#ECE403','#DFAC01','#7B471C',\n '#FCE1C4','#F7B1C9','#F96A01','#E3242C','#E39FF5',\n '#9EE0EC','#77B42B','#601613'\n ]\n },\n\n \/\/ \u2705 Faeces (grey \u2192 dark brown\/green \u2192 yellow \u2192 green \u2192 red shades)\n faeces: {\n img: 'https:\/\/blogs.napier.ac.uk\/wcii\/wp-content\/uploads\/sites\/195\/2025\/11\/WCII-Faeces-1.png',\n colors: [\n '#E9E9E9','#6F5F58','#4D4D4D','#121003','#6F4513',\n '#A6774E','#948926','#DEC046','#90B862','#477640',\n '#F35450','#C80B0D','#680005'\n ]\n }\n};\n\n const viewer = document.getElementById('viewer');\n const paletteList = document.getElementById('paletteList');\n const downloadBtn = document.getElementById('downloadBtn');\n const pills = Array.from(document.querySelectorAll('.wcii-pill'));\n\n const hexInput = document.getElementById('hexInput');\n const copyBtn = document.getElementById('copyHexBtn');\n const hexMsg = document.getElementById('hexMsg');\n\n let currentKind = null;\n\n function setActivePill(kind){\n pills.forEach(p=>{\n p.classList.toggle('active-pill', p.dataset.kind === kind);\n });\n }\n\n function renderPalette(kind){\n const data = palettes[kind];\n if (!data) return;\n\n currentKind = kind;\n\n \/\/ build rows \u2013 each li background is the colour\n paletteList.innerHTML = '';\n data.colors.forEach(col=>{\n const li = document.createElement('li');\n li.className = 'palette-item';\n li.style.backgroundColor = col;\n\n const hex = document.createElement('div');\n hex.className = 'palette-hex';\n hex.textContent = col;\n\n li.appendChild(hex);\n\n \/\/ clicking a row sets the HEX field\n li.addEventListener('click', ()=>{\n hexInput.value = col;\n });\n\n paletteList.appendChild(li);\n });\n\n \/\/ download opens full PNG\n downloadBtn.href = data.img;\n downloadBtn.setAttribute('download', data.img.split('\/').pop());\n\n viewer.style.display = 'block';\n setActivePill(kind);\n\n if (typeof gtag === 'function') {\n gtag('event','palette_view',{palette:kind});\n }\n }\n\n \/\/ Attach click handlers to pills\n pills.forEach(p=>{\n p.addEventListener('click', ()=>renderPalette(p.dataset.kind));\n });\n\n \/\/ Copy HEX button\n copyBtn.addEventListener('click', async ()=>{\n const val = (hexInput.value || '').trim();\n hexMsg.textContent = '';\n if(!val){\n hexMsg.textContent = 'Enter a HEX code first.';\n return;\n }\n try{\n if(navigator.clipboard && navigator.clipboard.writeText){\n await navigator.clipboard.writeText(val);\n } else {\n const ta = document.createElement('textarea');\n ta.value = val;\n document.body.appendChild(ta);\n ta.select();\n document.execCommand('copy');\n document.body.removeChild(ta);\n }\n hexMsg.textContent = 'Copied!';\n if (typeof gtag === 'function') {\n gtag('event','copy_hex',{palette:currentKind || 'none',hex:val});\n }\n }catch(err){\n hexMsg.textContent = 'Copy failed.';\n }\n setTimeout(()=>{hexMsg.textContent='';},2000);\n });\n})();\n<\/script>\n<\/body>\n<\/html>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>What Colour Is It? What Colour Is It? Sputum Urine Faeces Home Download image HEX Copy HEX Tip: tap a colour strip to populate the HEX box above, then tap \u201cCopy HEX\u201d. The Download button saves the original WCII PNG image. Feedback What was your experience of using What Colour Is It?? How could we […]<\/p>\n","protected":false},"author":364,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>What Colour Is It? - What Colour Is It?<\/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:\/\/blogs.napier.ac.uk\/wcii\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What Colour Is It? - What Colour Is It?\" \/>\n<meta property=\"og:description\" content=\"What Colour Is It? What Colour Is It? Sputum Urine Faeces Home Download image HEX Copy HEX Tip: tap a colour strip to populate the HEX box above, then tap \u201cCopy HEX\u201d. The Download button saves the original WCII PNG image. Feedback What was your experience of using What Colour Is It?? How could we […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogs.napier.ac.uk\/wcii\/\" \/>\n<meta property=\"og:site_name\" content=\"What Colour Is It?\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-21T14:47:11+00:00\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogs.napier.ac.uk\/wcii\/\",\"url\":\"https:\/\/blogs.napier.ac.uk\/wcii\/\",\"name\":\"What Colour Is It? - What Colour Is It?\",\"isPartOf\":{\"@id\":\"https:\/\/blogs.napier.ac.uk\/wcii\/#website\"},\"datePublished\":\"2025-08-05T14:00:28+00:00\",\"dateModified\":\"2025-11-21T14:47:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/blogs.napier.ac.uk\/wcii\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogs.napier.ac.uk\/wcii\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogs.napier.ac.uk\/wcii\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blogs.napier.ac.uk\/wcii\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What Colour Is It?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogs.napier.ac.uk\/wcii\/#website\",\"url\":\"https:\/\/blogs.napier.ac.uk\/wcii\/\",\"name\":\"What Colour Is It?\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blogs.napier.ac.uk\/wcii\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n","yoast_head_json":{"title":"What Colour Is It? - What Colour Is It?","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:\/\/blogs.napier.ac.uk\/wcii\/","og_locale":"en_GB","og_type":"article","og_title":"What Colour Is It? - What Colour Is It?","og_description":"What Colour Is It? What Colour Is It? Sputum Urine Faeces Home Download image HEX Copy HEX Tip: tap a colour strip to populate the HEX box above, then tap \u201cCopy HEX\u201d. The Download button saves the original WCII PNG image. Feedback What was your experience of using What Colour Is It?? How could we […]","og_url":"https:\/\/blogs.napier.ac.uk\/wcii\/","og_site_name":"What Colour Is It?","article_modified_time":"2025-11-21T14:47:11+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blogs.napier.ac.uk\/wcii\/","url":"https:\/\/blogs.napier.ac.uk\/wcii\/","name":"What Colour Is It? - What Colour Is It?","isPartOf":{"@id":"https:\/\/blogs.napier.ac.uk\/wcii\/#website"},"datePublished":"2025-08-05T14:00:28+00:00","dateModified":"2025-11-21T14:47:11+00:00","breadcrumb":{"@id":"https:\/\/blogs.napier.ac.uk\/wcii\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs.napier.ac.uk\/wcii\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blogs.napier.ac.uk\/wcii\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blogs.napier.ac.uk\/wcii\/"},{"@type":"ListItem","position":2,"name":"What Colour Is It?"}]},{"@type":"WebSite","@id":"https:\/\/blogs.napier.ac.uk\/wcii\/#website","url":"https:\/\/blogs.napier.ac.uk\/wcii\/","name":"What Colour Is It?","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs.napier.ac.uk\/wcii\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/blogs.napier.ac.uk\/wcii\/wp-json\/wp\/v2\/pages\/3","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.napier.ac.uk\/wcii\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.napier.ac.uk\/wcii\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.napier.ac.uk\/wcii\/wp-json\/wp\/v2\/users\/364"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.napier.ac.uk\/wcii\/wp-json\/wp\/v2\/comments?post=3"}],"version-history":[{"count":71,"href":"https:\/\/blogs.napier.ac.uk\/wcii\/wp-json\/wp\/v2\/pages\/3\/revisions"}],"predecessor-version":[{"id":222,"href":"https:\/\/blogs.napier.ac.uk\/wcii\/wp-json\/wp\/v2\/pages\/3\/revisions\/222"}],"wp:attachment":[{"href":"https:\/\/blogs.napier.ac.uk\/wcii\/wp-json\/wp\/v2\/media?parent=3"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

<\/div>

$\"\"$ <\/div><\/div><\/div>

\n\n\n\n\nWhat Colour Is It?<\/title>\n\n\n\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-6TT1HFRV4Y\"><\/script>\n<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n gtag('config', 'G-6TT1HFRV4Y');\n<\/script>\n\n<style>\n\/* Strip WP chrome (keeps site logo\/header shell but hides theme titles\/nav) *\/\nbody > .wp-site-blocks > .wp-block-template-part,\nbody > .wp-site-blocks > header.wp-block-template-part,\nbody > .wp-site-blocks > footer.wp-block-template-part,\nbody > .wp-site-blocks nav.wp-block-navigation,\n.site-footer,.footer-widgets,.widget-area,\n.entry-header,.wp-block-post-title,\n.page-title,.entry-title,\n#toc_container,.toc_container,.ez-toc-container,.lwptoc,.table-of-contents,.toc{display:none!important}\nbody,.wp-site-blocks,.entry-content{margin:0!important;padding:0!important;max-width:none!important}\n\/* Hide ONLY the theme\u2019s clickable site title text (keep logo) *\/\nheader .wp-block-site-title,.site-title,.site-title a{display:none!important}\n\n\/* --- App styles --- *\/\n:root{--brand:#cf102d;--ink:#222;--bg:#fff;--card:#fafafa;--line:#eee;--field:#ddd}\n*{box-sizing:border-box}\nbody{font:16px\/1.5 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}\n#wcii{max-width:900px;margin:0 auto;padding:24px}\n\n\/* Page title *\/\n.wcii-header h1{margin:0 0 10px;font-size:clamp(32px,5vw,48px);letter-spacing:-.3px}\n\n\/* Section pills *\/\n.wcii-nav{display:grid;gap:12px;margin:12px 0 22px}\n.wcii-pill{\n display:block;text-decoration:none;background:var(--brand);color:#fff;\n padding:12px 18px;border-radius:999px;border:2px solid var(--brand);text-align:left;\n font-weight:400;\n}\n.wcii-pill:hover,.wcii-pill:focus{outline:3px solid rgba(207,16,45,.25);outline-offset:2px}\n.wcii-pill.active-pill{\n font-weight:700;\n}\n\n\/* Cards *\/\n.card{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 16px}\n.card h2{margin:0 0 10px;font-size:20px}\n\n\/* Fields *\/\nlabel{font-weight:700;display:block;margin:10px 0 6px}\ntextarea,input[type=\"text\"],input[type=\"email\"]{\n width:100%;border:1px solid var(--field);border-radius:12px;padding:10px 12px;\n font:inherit;background:#fff\n}\ntextarea{min-height:110px;resize:vertical}\n\n\/* Inline row: input + pill button (right) *\/\n.row{display:flex;gap:12px;align-items:center}\n.row input{flex:1;min-width:0;height:44px}\n\n\/* Buttons *\/\n.btn{\n cursor:pointer;border:2px solid var(--brand);border-radius:999px;background:var(--brand);\n color:#fff;padding:10px 28px;font-weight:700;line-height:1\n}\n.btn:focus{outline:3px solid rgba(207,16,45,.25);outline-offset:2px}\n\n\/* Helpers *\/\n.small{font-size:12px;color:#666;margin-top:8px}\n\n\/* Mobile padding *\/\n@media (max-width:600px){#wcii{padding:16px}}\n\n\/* --- Viewer + palette --- *\/\n#viewer{display:none;margin-top:8px} \/* hidden until a pill is clicked *\/\n.viewer-bar{\n display:flex;gap:10px;align-items:center;flex-wrap:wrap;\n background:#fafafa;border:1px solid var(--line);border-radius:24px;padding:10px 16px\n}\n.viewer-bar a,.viewer-bar button{\n text-decoration:none;cursor:pointer;border:2px solid var(--brand);\n border-radius:999px;background:var(--brand);color:#fff;padding:8px 16px;\n font-weight:700;line-height:1\n}\n.viewer-wrap{\n margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:0;background:#fff\n}\n\n\/* Palette strip list \u2013 each row is fully coloured *\/\n.palette-list{margin:0;padding:0;list-style:none}\n.palette-item{\n padding:6px 24px;\n border-bottom:1px solid #f0f0f0;\n cursor:pointer;\n display:flex;\n justify-content:flex-end;\n align-items:center;\n min-height:52px;\n}\n.palette-hex{\n font-family:monospace;\n font-size:18px;\n background:rgba(255,255,255,0.85);\n padding:4px 8px;\n border-radius:4px;\n}\n\n\/* Tighten a bit on mobile *\/\n@media (max-width:640px){\n .palette-item{\n padding:4px 16px;\n }\n}\n\n\/* HEX input + copy *\/\n.hex-controls{\n display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap\n}\n.hex-controls input{\n width:120px;border-radius:8px;border:1px solid var(--field);padding:6px 8px;\n font-family:monospace;\n}\n.hex-controls button{\n border-radius:999px;border:2px solid var(--brand);background:var(--brand);color:#fff;\n padding:6px 12px;font-size:13px;font-weight:700;cursor:pointer;\n}\n.hex-msg{font-size:12px;color:#333;margin-left:4px}\n\n\/* About section styles *\/\n#about { margin-top: 24px; }\n#about h2 { margin: 0 0 8px; font-size: clamp(22px, 3.2vw, 28px); }\n#about h3 { margin: 18px 0 8px; font-size: clamp(18px, 2.6vw, 22px); }\n#about p { margin: 8px 0 12px; }\n#about .links { margin: 8px 0 0; padding-left: 18px; }\n.team {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-top: 8px;\n}\n@media (min-width: 640px) {\n .team { grid-template-columns: repeat(3, 1fr); }\n}\n.person {\n border: 1px solid #eee;\n border-radius: 12px;\n padding: 12px;\n background: #fafafa;\n}\n.person h4 { margin: 0 0 4px; font-size: 16px; }\n.person .role { margin: 0 0 8px; color: #555; font-size: 13px; }\n<\/style>\n<\/head>\n<body>\n<div id=\"wcii\">\n <header class=\"wcii-header\"><h1><span class=\"ez-toc-section\" id=\"What_Colour_Is_It\"><\/span>What Colour Is It?<span class=\"ez-toc-section-end\"><\/span><\/h1><\/header>\n\n \n <nav class=\"wcii-nav\" aria-label=\"Sections\">\n <button class=\"wcii-pill\" data-kind=\"sputum\" type=\"button\">Sputum<\/button>\n<button class=\"wcii-pill\" data-kind=\"urine\" type=\"button\">Urine<\/button>\n<button class=\"wcii-pill\" data-kind=\"faeces\" type=\"button\">Faeces<\/button>\n <\/nav>\n\n \n <section id=\"viewer\" aria-label=\"Image viewer\">\n <div class=\"viewer-bar\">\n <a id=\"homeBtn\" href=\"https:\/\/blogs.napier.ac.uk\/wcii\/\">Home<\/a>\n <a id=\"downloadBtn\" href=\"#\" download>Download image<\/a>\n\n <div class=\"hex-controls\">\n <label for=\"hexInput\" style=\"margin:0;font-weight:600;\">HEX<\/label>\n <input id=\"hexInput\" type=\"text\" placeholder=\"#F8F6E1\" maxlength=\"7\" aria-label=\"HEX colour code\">\n <button type=\"button\" id=\"copyHexBtn\">Copy HEX<\/button>\n <span id=\"hexMsg\" class=\"hex-msg\" aria-live=\"polite\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"viewer-wrap\">\n \n <ul id=\"paletteList\" class=\"palette-list\" aria-label=\"Colour swatches\"><\/ul>\n <\/div>\n\n <p class=\"small\">\n Tip: tap a colour strip to populate the HEX box above, then tap \u201cCopy HEX\u201d. \n The Download button saves the original WCII PNG image.\n <\/p>\n <\/section>\n\n \n <section class=\"card\" aria-labelledby=\"fb-title\">\n <h2 id=\"fb-title\"><span class=\"ez-toc-section\" id=\"Feedback\"><\/span>Feedback<span class=\"ez-toc-section-end\"><\/span><\/h2>\n <form id=\"fb\" novalidate>\n <label for=\"msg\">What was your experience of using <em>What Colour Is It?<\/em>? How could we improve it?<\/label>\n <textarea id=\"msg\" name=\"message\" maxlength=\"1000\" placeholder=\"A sentence or two is perfect\u2026\" required><\/textarea>\n\n <label for=\"occ\">Your Occupation<\/label>\n <div class=\"row\">\n <input id=\"occ\" name=\"occupation\" type=\"text\" maxlength=\"80\" placeholder=\"e.g., Student nurse, GP, Parent\">\n <button class=\"btn\" type=\"submit\">Send<\/button>\n <\/div>\n\n <p class=\"small\">Your responses here are anonymous. We do not ask for your name or email. They help us improve <em>What Colour Is It?<\/em> and inform our research. Thank you!<\/p>\n <p class=\"small\">DRAFT \u2013 This assists description; it is not a diagnostic tool.<\/p>\n <p id=\"fbThanks\" class=\"small\" style=\"display:none\">Thanks \u2014 your anonymous feedback has been sent.<\/p>\n <\/form>\n <\/section>\n\n \n <section id=\"about\" aria-labelledby=\"about-title\">\n <h2 id=\"about-title\"><span class=\"ez-toc-section\" id=\"About_Us\"><\/span>About Us<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n <p>\n We\u2019re motivated to improve care. Our aim is to provide a simple, standard, and clinically relevant colour palette that supports clear communication (and saves practitioner time).\n Describing colour can be hard\u2014sometimes embarrassing or confusing\u2014and words are often misinterpreted, which can lead to poorer outcomes. Also\u2026 we find colours fascinating!\n <\/p>\n\n <h3 id=\"about-why\"><span class=\"ez-toc-section\" id=\"Why_we_made_this\"><\/span>Why we made this<span class=\"ez-toc-section-end\"><\/span><\/h3>\n <p>\n As clinical practitioners and service users, we\u2019ve experienced how tricky \u201ccolour talk\u201d can be. This project offers a shared visual reference to reduce ambiguity and support better decision-making.\n <\/p>\n\n <h3 id=\"about-team\"><span class=\"ez-toc-section\" id=\"Who_we_are\"><\/span>Who we are<span class=\"ez-toc-section-end\"><\/span><\/h3>\n <div class=\"team\">\n <article class=\"person\">\n <h4><span class=\"ez-toc-section\" id=\"Hazel_McPhilips\"><\/span>Hazel McPhilips<span class=\"ez-toc-section-end\"><\/span><\/h4>\n <p class=\"role\">Advanced Nurse Practitioner & Lecturer \/ Programme Leader<\/p>\n <p>Hazel is a synesthete\u2014colour plays a huge part in how she perceives the world.<\/p>\n <\/article>\n\n <article class=\"person\">\n <h4><span class=\"ez-toc-section\" id=\"Stephen_Yorkstone\"><\/span>Stephen Yorkstone<span class=\"ez-toc-section-end\"><\/span><\/h4>\n <p class=\"role\">Business Improvement Consultant<\/p>\n <p>Stephen loves how small changes, done well, add up to make a big difference.<\/p>\n <\/article>\n\n <article class=\"person\">\n <h4><span class=\"ez-toc-section\" id=\"Manish_Khatri\"><\/span>Manish Khatri<span class=\"ez-toc-section-end\"><\/span><\/h4>\n <p class=\"role\">Developer (Information Services)<\/p>\n <p>Manish built the site and keeps the experience fast, accessible, and reliable.<\/p>\n <\/article>\n <\/div>\n\n <h3 id=\"about-next\"><span class=\"ez-toc-section\" id=\"Whats_next\"><\/span>What\u2019s next<span class=\"ez-toc-section-end\"><\/span><\/h3>\n <p>\n We\u2019re guided by your feedback. Please share suggestions\u2014community input has shaped this project so far, and we\u2019re excited about what comes next.\n <\/p>\n\n <h3 id=\"about-more\"><span class=\"ez-toc-section\" id=\"Find_out_more\"><\/span>Find out more<span class=\"ez-toc-section-end\"><\/span><\/h3>\n <ul class=\"links\">\n <li>References: <em>coming soon<\/em><\/li>\n <li>Email: <a href=\"mailto:wcii@napier.ac.uk\">wcii@napier.ac.uk<\/a><\/li>\n <\/ul>\n <\/section>\n\n \n <section class=\"card\" aria-labelledby=\"keep-title\">\n <h2 id=\"keep-title\"><span class=\"ez-toc-section\" id=\"Keep_in_touch\"><\/span>Keep in touch<span class=\"ez-toc-section-end\"><\/span><\/h2>\n <form id=\"subscribe\" novalidate>\n <label for=\"subEmail\">Enter your email to be added to the <em>What Colour Is It?<\/em> mailing list for updates<\/label>\n <div class=\"row\">\n <input id=\"subEmail\" name=\"email\" type=\"email\" inputmode=\"email\" autocomplete=\"email\" placeholder=\"you@nhs.uk\" required>\n <button class=\"btn\" type=\"submit\">Send<\/button>\n <\/div>\n <p class=\"small\">This form saves only your email address and is stored separately from the feedback above.<\/p>\n <p id=\"subThanks\" class=\"small\" style=\"display:none\">Great \u2014 you\u2019re on the list.<\/p>\n <\/form>\n <\/section>\n<\/div>\n\n<script>\n\/* Feedback: anonymous (no identifiers) *\/\ndocument.getElementById('fb').addEventListener('submit', e=>{\n e.preventDefault();\n const msg=document.getElementById('msg').value.trim();\n if(!msg) return;\n const occ=(document.getElementById('occ').value||'').trim();\n const body=encodeURIComponent(\n `Feedback:\\n\\n${msg}\\n\\nOccupation (optional): ${occ||'\u2014'}`\n );\n window.location.href=\n `mailto:841e59a8.livenapierac.onmicrosoft.com@uk.teams.ms`+\n `?subject=WCII Website Feedback - What Colour Is It?&body=${body}`;\n e.target.reset();\n document.getElementById('fbThanks').style.display='block';\n});\n\n\/* Mailing list: email only (separate from feedback) *\/\ndocument.getElementById('subscribe').addEventListener('submit', e=>{\n e.preventDefault();\n const email=document.getElementById('subEmail');\n if(!email.reportValidity()) return;\n const subject=encodeURIComponent('WCII mailing list request');\n const body=encodeURIComponent(\n `Please add this address to the WCII updates list:\\n\\n${email.value}`\n );\n window.location.href=\n `mailto:2419c00e.livenapierac.onmicrosoft.com@uk.teams.ms?subject=${subject}&body=${body}`;\n e.target.reset();\n document.getElementById('subThanks').style.display='block';\n});\n\n\/* --- Palette viewer logic --- *\/\n(function(){\n const palettes = {\n \/\/ \u2705 Sputum (white \u2192 yellow \u2192 brown \u2192 black \u2192 red)\n sputum: {\n img: 'https:\/\/blogs.napier.ac.uk\/wcii\/wp-content\/uploads\/sites\/195\/2025\/11\/WCII-Sputum-1.png',\n colors: [\n '#FCFCFC','#E7E7E7','#FAF9DB','#FAF472','#EBD775',\n '#DBDB77','#A8BC38','#B3A254','#866630','#6D5A4B',\n '#000000','#570C06','#914706','#EC6E58','#C80B0D'\n ]\n },\n\n \/\/ \u2705 Urine (pale \u2192 bright yellows, then pinks\/orange\/reds, lilac, blue, green, dark brown)\n urine: {\n img: 'https:\/\/blogs.napier.ac.uk\/wcii\/wp-content\/uploads\/sites\/195\/2025\/11\/WCII-Urine-1.png',\n colors: [\n '#F8F6E1','#FEF87E','#ECE403','#DFAC01','#7B471C',\n '#FCE1C4','#F7B1C9','#F96A01','#E3242C','#E39FF5',\n '#9EE0EC','#77B42B','#601613'\n ]\n },\n\n \/\/ \u2705 Faeces (grey \u2192 dark brown\/green \u2192 yellow \u2192 green \u2192 red shades)\n faeces: {\n img: 'https:\/\/blogs.napier.ac.uk\/wcii\/wp-content\/uploads\/sites\/195\/2025\/11\/WCII-Faeces-1.png',\n colors: [\n '#E9E9E9','#6F5F58','#4D4D4D','#121003','#6F4513',\n '#A6774E','#948926','#DEC046','#90B862','#477640',\n '#F35450','#C80B0D','#680005'\n ]\n }\n};\n\n const viewer = document.getElementById('viewer');\n const paletteList = document.getElementById('paletteList');\n const downloadBtn = document.getElementById('downloadBtn');\n const pills = Array.from(document.querySelectorAll('.wcii-pill'));\n\n const hexInput = document.getElementById('hexInput');\n const copyBtn = document.getElementById('copyHexBtn');\n const hexMsg = document.getElementById('hexMsg');\n\n let currentKind = null;\n\n function setActivePill(kind){\n pills.forEach(p=>{\n p.classList.toggle('active-pill', p.dataset.kind === kind);\n });\n }\n\n function renderPalette(kind){\n const data = palettes[kind];\n if (!data) return;\n\n currentKind = kind;\n\n \/\/ build rows \u2013 each li background is the colour\n paletteList.innerHTML = '';\n data.colors.forEach(col=>{\n const li = document.createElement('li');\n li.className = 'palette-item';\n li.style.backgroundColor = col;\n\n const hex = document.createElement('div');\n hex.className = 'palette-hex';\n hex.textContent = col;\n\n li.appendChild(hex);\n\n \/\/ clicking a row sets the HEX field\n li.addEventListener('click', ()=>{\n hexInput.value = col;\n });\n\n paletteList.appendChild(li);\n });\n\n \/\/ download opens full PNG\n downloadBtn.href = data.img;\n downloadBtn.setAttribute('download', data.img.split('\/').pop());\n\n viewer.style.display = 'block';\n setActivePill(kind);\n\n if (typeof gtag === 'function') {\n gtag('event','palette_view',{palette:kind});\n }\n }\n\n \/\/ Attach click handlers to pills\n pills.forEach(p=>{\n p.addEventListener('click', ()=>renderPalette(p.dataset.kind));\n });\n\n \/\/ Copy HEX button\n copyBtn.addEventListener('click', async ()=>{\n const val = (hexInput.value || '').trim();\n hexMsg.textContent = '';\n if(!val){\n hexMsg.textContent = 'Enter a HEX code first.';\n return;\n }\n try{\n if(navigator.clipboard && navigator.clipboard.writeText){\n await navigator.clipboard.writeText(val);\n } else {\n const ta = document.createElement('textarea');\n ta.value = val;\n document.body.appendChild(ta);\n ta.select();\n document.execCommand('copy');\n document.body.removeChild(ta);\n }\n hexMsg.textContent = 'Copied!';\n if (typeof gtag === 'function') {\n gtag('event','copy_hex',{palette:currentKind || 'none',hex:val});\n }\n }catch(err){\n hexMsg.textContent = 'Copy failed.';\n }\n setTimeout(()=>{hexMsg.textContent='';},2000);\n });\n})();\n<\/script>\n<\/body>\n<\/html>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>What Colour Is It? What Colour Is It? Sputum Urine Faeces Home Download image HEX Copy HEX Tip: tap a colour strip to populate the HEX box above, then tap \u201cCopy HEX\u201d. The Download button saves the original WCII PNG image. Feedback What was your experience of using What Colour Is It?? How could we […]<\/p>\n","protected":false},"author":364,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>What Colour Is It? - What Colour Is It?<\/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:\/\/blogs.napier.ac.uk\/wcii\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What Colour Is It? - What Colour Is It?\" \/>\n<meta property=\"og:description\" content=\"What Colour Is It? What Colour Is It? Sputum Urine Faeces Home Download image HEX Copy HEX Tip: tap a colour strip to populate the HEX box above, then tap \u201cCopy HEX\u201d. The Download button saves the original WCII PNG image. Feedback What was your experience of using What Colour Is It?? How could we […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogs.napier.ac.uk\/wcii\/\" \/>\n<meta property=\"og:site_name\" content=\"What Colour Is It?\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-21T14:47:11+00:00\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogs.napier.ac.uk\/wcii\/\",\"url\":\"https:\/\/blogs.napier.ac.uk\/wcii\/\",\"name\":\"What Colour Is It? - What Colour Is It?\",\"isPartOf\":{\"@id\":\"https:\/\/blogs.napier.ac.uk\/wcii\/#website\"},\"datePublished\":\"2025-08-05T14:00:28+00:00\",\"dateModified\":\"2025-11-21T14:47:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/blogs.napier.ac.uk\/wcii\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogs.napier.ac.uk\/wcii\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogs.napier.ac.uk\/wcii\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blogs.napier.ac.uk\/wcii\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What Colour Is It?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogs.napier.ac.uk\/wcii\/#website\",\"url\":\"https:\/\/blogs.napier.ac.uk\/wcii\/\",\"name\":\"What Colour Is It?\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blogs.napier.ac.uk\/wcii\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n","yoast_head_json":{"title":"What Colour Is It? - What Colour Is It?","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:\/\/blogs.napier.ac.uk\/wcii\/","og_locale":"en_GB","og_type":"article","og_title":"What Colour Is It? - What Colour Is It?","og_description":"What Colour Is It? What Colour Is It? Sputum Urine Faeces Home Download image HEX Copy HEX Tip: tap a colour strip to populate the HEX box above, then tap \u201cCopy HEX\u201d. The Download button saves the original WCII PNG image. Feedback What was your experience of using What Colour Is It?? How could we […]","og_url":"https:\/\/blogs.napier.ac.uk\/wcii\/","og_site_name":"What Colour Is It?","article_modified_time":"2025-11-21T14:47:11+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blogs.napier.ac.uk\/wcii\/","url":"https:\/\/blogs.napier.ac.uk\/wcii\/","name":"What Colour Is It? - What Colour Is It?","isPartOf":{"@id":"https:\/\/blogs.napier.ac.uk\/wcii\/#website"},"datePublished":"2025-08-05T14:00:28+00:00","dateModified":"2025-11-21T14:47:11+00:00","breadcrumb":{"@id":"https:\/\/blogs.napier.ac.uk\/wcii\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs.napier.ac.uk\/wcii\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blogs.napier.ac.uk\/wcii\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blogs.napier.ac.uk\/wcii\/"},{"@type":"ListItem","position":2,"name":"What Colour Is It?"}]},{"@type":"WebSite","@id":"https:\/\/blogs.napier.ac.uk\/wcii\/#website","url":"https:\/\/blogs.napier.ac.uk\/wcii\/","name":"What Colour Is It?","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs.napier.ac.uk\/wcii\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/blogs.napier.ac.uk\/wcii\/wp-json\/wp\/v2\/pages\/3","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.napier.ac.uk\/wcii\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.napier.ac.uk\/wcii\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.napier.ac.uk\/wcii\/wp-json\/wp\/v2\/users\/364"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.napier.ac.uk\/wcii\/wp-json\/wp\/v2\/comments?post=3"}],"version-history":[{"count":71,"href":"https:\/\/blogs.napier.ac.uk\/wcii\/wp-json\/wp\/v2\/pages\/3\/revisions"}],"predecessor-version":[{"id":222,"href":"https:\/\/blogs.napier.ac.uk\/wcii\/wp-json\/wp\/v2\/pages\/3\/revisions\/222"}],"wp:attachment":[{"href":"https:\/\/blogs.napier.ac.uk\/wcii\/wp-json\/wp\/v2\/media?parent=3"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}