{"id":51558,"date":"2023-12-11T09:00:00","date_gmt":"2023-12-11T08:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=51558"},"modified":"2025-07-07T18:32:02","modified_gmt":"2025-07-07T16:32:02","slug":"colori-html","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/colori-html\/","title":{"rendered":"Colori HTML: guida completa"},"content":{"rendered":"\n<p>I <strong>colori HTML<\/strong> utilizzano una codifica standard che associa un <strong>codice numerico<\/strong> o un <strong>nome standard<\/strong> a ogni colore. Quando creiamo o modifichiamo un sito web possiamo utilizzare uno dei diversi formati per colorare elementi del sito come lo sfondo, il testo, i pulsanti e cos\u00ec via. <\/p>\n\n\n\n<p>In questa guida vedremo quali metodi possiamo utilizzare per <strong>specificare <\/strong>i colori HTML nelle pagine web e quali strumenti ci aiutano a <strong>identificare <\/strong>i colori o a <strong>convertirli <\/strong>da una notazione all&#8217;altra.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#colori-html-i-diversi-formati\">Colori HTML: i diversi formati<\/a><ul><li><a href=\"#nomi-dei-colori-html\">Nomi dei colori HTML<\/a><\/li><li><a href=\"#colori-html-esadecimali\">Colori HTML esadecimali<\/a><\/li><li><a href=\"#notazione-rgb\">Notazione RGB<\/a><\/li><li><a href=\"#conversione-da-esadecimale-a-rgb\">Conversione da esadecimale a RGB<\/a><\/li><li><a href=\"#conversione-da-rgb-a-esadecimale\">Conversione da RGB a esadecimale<\/a><\/li><\/ul><\/li><li><a href=\"#strumenti-utili-per-trovare-colori-html\">Strumenti utili per trovare colori HTML<\/a><ul><li><a href=\"#selettore-di-colori-html\">Selettore di colori HTML<\/a><\/li><li><a href=\"#strumento-per-sviluppatori-del-browser-e-contagocce-colore\">Strumento per sviluppatori del browser e contagocce colore<\/a><\/li><li><a href=\"#altri-strumenti-per-prelevare-il-colore-da-pagine-web\">Altri strumenti per prelevare il colore da pagine web<\/a><\/li><\/ul><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/colori-html-guida-1024x538.png\" alt=\"Colori Html Guida\" class=\"wp-image-52300\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/colori-html-guida-1024x538.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/colori-html-guida-300x158.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/colori-html-guida-768x403.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/colori-html-guida-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/colori-html-guida.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"colori-html-i-diversi-formati\">Colori HTML: i diversi formati<\/h2>\n\n\n\n<p>Per prima cosa bisogna fare una premessa, quelli che vengono indicati come colori HTML sono per la precisione tutti i colori appartenenti allo spazio sRGB usati per modificare l&#8217;aspetto delle pagine web.<\/p>\n\n\n\n<p>In questa guida ci riferiremo ad essi parlando di colori HTML, ma tieni presente che puoi usare la stessa notazione anche nei fogli CSS.<\/p>\n\n\n\n<p>I colori HTML possono essere indicati in diversi modi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>si possono usare i <strong>nomi predefiniti dei colori<\/strong>, per esempio &#8220;black&#8221;, &#8220;red&#8221; e cos\u00ec via;<\/li>\n\n\n\n<li>si pu\u00f2 usare la <strong>notazione esadecimale<\/strong>, vale a dire un codice dei colori HTML a 6 cifre come #FF0000 per indicare il rosso;<\/li>\n\n\n\n<li>\u00e8 possibile usare la <strong>codifica RGB<\/strong> come in questo esempio rgb(255,0,0) per il colore rosso.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"nomi-dei-colori-html\">Nomi dei colori HTML<\/h3>\n\n\n\n<p>Inizialmente sono stati definiti i primi 16 colori standard e sono stati associati a un nome. Attualmente ci sono <strong>140 colori<\/strong> a cui corrisponde un <strong>nome standard<\/strong> che viene riconosciuto e supportato dai principali browser.<\/p>\n\n\n\n<p>Questo significa che se il colore che vuoi utilizzare corrisponde a uno di questi 140 puoi specificarlo usando il suo nome predefinito.<\/p>\n\n\n\n<p>Vediamo un esempio concreto.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p style=\"color:red\"&gt;Questo \u00e8 un paragrafo con il testo colorato.&lt;\/p&gt;<\/code><\/pre>\n\n\n\n<p>Per ogni notazione dei colori HTML\/CSS faremo degli esempi con le regole CSS in linea. Ti consiglio di partire dalle guide su come <a href=\"https:\/\/supporthost.com\/it\/imparare-css\/\" data-type=\"post\" data-id=\"45822\">imparare CSS<\/a> e <a href=\"https:\/\/supporthost.com\/it\/imparare-html\/\" data-type=\"post\" data-id=\"45669\">HTML<\/a> se hai difficolt\u00e0 a capire gli esempi.<\/p>\n\n\n\n<p>Qui di seguito abbiamo inserito una tabella dei colori HTML con i <strong>16 colori standard<\/strong> con le rispettive notazioni esadecimale, rgb e nome standard del colore.<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table data-mtr-unique-id=\"d71ac061da86577026c63bec2ad0143b-1\" class=\"mtr-table mtr-thead-th\"><thead><tr><th class=\"has-text-align-center mtr-th-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\">Nome colore<\/div><\/th><th class=\"has-text-align-center mtr-th-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\">Notazione esadecimale<\/div><\/th><th class=\"has-text-align-center mtr-th-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\">Notazione RGB<\/div><\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000000\" class=\"has-inline-color has-white-color\">Black<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000000\" class=\"has-inline-color has-white-color\">#000000 <\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000000\" class=\"has-inline-color has-white-color\">rgb(0, 0, 0)<\/mark><\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#808080\" class=\"has-inline-color has-white-color\">Gray<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000000\" class=\"has-inline-color has-white-color\"><mark style=\"background-color:#808080\" class=\"has-inline-color has-white-color\">#808080<\/mark><\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#808080\" class=\"has-inline-color has-white-color\">rgb(128, 128, 128)<\/mark><\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#c0c0c0\" class=\"has-inline-color has-white-color\">Silver<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#c0c0c0\" class=\"has-inline-color has-white-color\">#C0C0C0<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#c0c0c0\" class=\"has-inline-color has-white-color\">rgb(192, 192, 192)<\/mark><\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#ffffff\" class=\"has-inline-color has-black-color\">White<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000000\" class=\"has-inline-color has-white-color\"><mark style=\"background-color:#ffffff\" class=\"has-inline-color has-black-color\">#FFFFFF<\/mark><\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#ffffff\" class=\"has-inline-color has-black-color\">rgb(255, 255, 255)<\/mark><\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#ffff00\" class=\"has-inline-color has-black-color\">Yellow<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000000\" class=\"has-inline-color has-white-color\"><mark style=\"background-color:#ffff00\" class=\"has-inline-color has-black-color\">#FFFF00<\/mark><\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#ffff00\" class=\"has-inline-color has-black-color\">rgb(255, 255, 0)<\/mark><\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#00ff00\" class=\"has-inline-color has-white-color\">Lime<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000000\" class=\"has-inline-color has-white-color\"><mark style=\"background-color:#00ff00\" class=\"has-inline-color has-white-color\">#00FF00<\/mark><\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#00ff00\" class=\"has-inline-color has-white-color\">rgb(0, 255, 0)<\/mark><\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#00ffff\" class=\"has-inline-color has-white-color\">Aqua<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000000\" class=\"has-inline-color has-white-color\"><mark style=\"background-color:#00ffff\" class=\"has-inline-color has-white-color\">#00FFFF<\/mark><\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#00ffff\" class=\"has-inline-color has-white-color\">rgb(0, 255, 255)<\/mark><\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#ff00ff\" class=\"has-inline-color has-white-color\">Fuchsia<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000000\" class=\"has-inline-color has-white-color\"><mark style=\"background-color:#ff00ff\" class=\"has-inline-color has-white-color\">#FF00FF<\/mark><\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#ff00ff\" class=\"has-inline-color has-white-color\">rgb(255, 0, 255)<\/mark><\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#ff0000\" class=\"has-inline-color has-black-color\">Red<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000000\" class=\"has-inline-color has-white-color\"><mark style=\"background-color:#ff0000\" class=\"has-inline-color has-black-color\">#FF0000<\/mark><\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#ff0000\" class=\"has-inline-color has-black-color\">rgb(255, 0, 0)<\/mark><\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#008000\" class=\"has-inline-color has-white-color\">Green<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000000\" class=\"has-inline-color has-white-color\"><mark style=\"background-color:#008000\" class=\"has-inline-color has-white-color\">#008000<\/mark><\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#008000\" class=\"has-inline-color has-white-color\">rgb(0, 128, 0)<\/mark><\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#0000ff\" class=\"has-inline-color has-white-color\">Blue<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000000\" class=\"has-inline-color has-white-color\"><mark style=\"background-color:#0000ff\" class=\"has-inline-color has-white-color\">#0000FF<\/mark><\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#0000ff\" class=\"has-inline-color has-white-color\">rgb(0, 0, 255)<\/mark><\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#800080\" class=\"has-inline-color has-white-color\">Purple<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000000\" class=\"has-inline-color has-white-color\"><mark style=\"background-color:#800080\" class=\"has-inline-color has-white-color\">#800080<\/mark><\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#800080\" class=\"has-inline-color has-white-color\">rgb(128, 0, 128)<\/mark><\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#800000\" class=\"has-inline-color has-white-color\">Maroon<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000000\" class=\"has-inline-color has-white-color\"><mark style=\"background-color:#800000\" class=\"has-inline-color has-white-color\">#800000<\/mark><\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#800000\" class=\"has-inline-color has-white-color\">rgb(128, 0, 0)<\/mark><\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#808000\" class=\"has-inline-color has-white-color\">Olive<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#808000\" class=\"has-inline-color has-white-color\">#808000<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#808000\" class=\"has-inline-color has-white-color\">rgb(128, 128, 0)<\/mark><\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000080\" class=\"has-inline-color has-white-color\">Navy<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000080\" class=\"has-inline-color has-white-color\">#000080<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#000080\" class=\"has-inline-color has-white-color\">rgb(0, 0, 128)<\/mark><\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Nome colore\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#008080\" class=\"has-inline-color has-white-color\">Teal<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione esadecimale\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#008080\" class=\"has-inline-color has-white-color\">#008080<\/mark><\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Notazione RGB\"><div class=\"mtr-cell-content\"><mark style=\"background-color:#008080\" class=\"has-inline-color has-white-color\">rgb(0, 128, 128)<\/mark><\/div><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"colori-html-esadecimali\">Colori HTML esadecimali<\/h3>\n\n\n\n<p>La notazione esadecimale consiste in un codice colore di questo tipo: <strong>#RRGGBB<\/strong>. Le prime due cifre, RR, rappresentano il rosso, le seconde due, GG, corrispondono al verde e per finire le ultime due al blu.<\/p>\n\n\n\n<p>Ogni codice colore esadecimale \u00e8 preceduto dal simbolo # ed \u00e8 seguito da 6 cifre esadecimali. Il sistema esadecimale \u00e8 un sistema di numerazione in base 16 che utilizza simboli da 0 a 9 per le prime 10 cifre e le lettere da A fino ad F per le restanti 6 cifre.<\/p>\n\n\n\n<p>La corrispondenza con i numeri decimali \u00e8 rappresentata in questa tabella:<\/p>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table data-mtr-unique-id=\"d71ac061da86577026c63bec2ad0143b-2\" class=\"mtr-table mtr-thead-th\"><thead><tr><th class=\"has-text-align-center mtr-th-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">Esadecimale<\/div><\/th><th class=\"has-text-align-center mtr-th-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">Decimale<\/div><\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">0<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">0<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">1<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">1<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">2<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">2<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">3<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">3<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">4<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">4<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">5<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">5<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">6<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">6<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">7<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">7<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">8<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">8<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">9<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">9<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">A<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">10<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">B<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">11<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">C<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">12<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">D<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">13<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">E<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">14<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Esadecimale\"><div class=\"mtr-cell-content\">F<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Decimale\"><div class=\"mtr-cell-content\">15<\/div><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Le cifre esadecimali vanno a 00 a FF e indicano l&#8217;intensit\u00e0 dei tre colori: rosso, verde e blu. Per questo il colore rosso ad esempio avr\u00e0 la prima cifra all&#8217;intensit\u00e0 massima, FF, mentre le altre impostate al valore minimo, 00. Di conseguenza il colore rosso corrisponde a #FF0000.<\/p>\n\n\n\n<p>Quindi, come nell&#8217;<strong>esempio<\/strong> di prima, per colorare il testo di un paragrafo possiamo applicare il codice colore esadecimale in questo modo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p style=\"color:#FF0000\"&gt;Questo \u00e8 un paragrafo con il testo colorato.&lt;\/p&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"notazione-rgb\">Notazione RGB<\/h3>\n\n\n\n<p>Un altro sistema per specificare i colori \u00e8 il codice colore RGB. Questa notazione segue questo schema:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>rgb (red, green, blue)<\/code><\/pre>\n\n\n\n<p>La parola rgb precede una combinazione di tre parametri all&#8217;interno delle parentesi. Ogni parametro \u00e8 rappresentato da un numero intero compreso tra 0 e 255 e corrispondente al quantitativo del colore corrispondente.<\/p>\n\n\n\n<p>Per esempio il colore rosso ha il massimo valore per la prima cifra, quella che corrisponde al rosso, mentre gli altri valori che corrispondono a verde e blu sono impostati a 0, e la stessa cosa vale per gli altri. Infatti avremo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Rosso: rgb(255,0,0)<\/li>\n\n\n\n<li>Verde: rgb(0,255,0)<\/li>\n\n\n\n<li>Blu: rgb(0,0,255).<\/li>\n<\/ul>\n\n\n\n<p>Riprendiamo il nostro <strong>esempio <\/strong>di prima per impostare il colore del testo di un paragrafo, ma questa volta usando il codice colore RGB:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p style=\"color:rgb(255,0,0);\"&gt;Questo \u00e8 un paragrafo con il testo colorato.&lt;\/p&gt;<\/code><\/pre>\n\n\n\n<p>I colori RGB possono essere estesi con notazione RGBA che consente di aggiungere un ulteriore parametro, alpha, per definire la <strong>trasparenza <\/strong>dei colori. La <strong>notazione RGBA<\/strong> \u00e8 identica a quella RGB, basta solo aggiungere il parametro a con un valore che va da 0 (trasparente) a 1 (opaco), ad esempio: <\/p>\n\n\n\n<p>color: rgba(255,0,0,0.5);<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"237\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/esempi-di-trasparenza-con-rgba-1024x237.png\" alt=\"Esempi Di Trasparenza Con Rgba\" class=\"wp-image-51944\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/esempi-di-trasparenza-con-rgba-1024x237.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/esempi-di-trasparenza-con-rgba-300x70.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/esempi-di-trasparenza-con-rgba-768x178.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/esempi-di-trasparenza-con-rgba-120x28.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/esempi-di-trasparenza-con-rgba.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"conversione-da-esadecimale-a-rgb\">Conversione da esadecimale a RGB<\/h3>\n\n\n\n<p>Per convertire un numero <strong>esadecimale in RGB<\/strong> si deve suddividere il numero esadecimale nelle tre coppie.<\/p>\n\n\n\n<p>Prendiamo come esempio il numero #7FFFD4.<\/p>\n\n\n\n<p>Per prima cosa lo dividiamo nelle tre coppie: 7F FF D4.<\/p>\n\n\n\n<p>Ogni coppia deve essere convertita in decimale, quindi dobbiamo moltiplicare le due cifre per le potenze di base 16 (16<sup>1 <\/sup>e 16<sup>0<\/sup>), la seconda cifra andr\u00e0 sempre moltiplicata per 1 perch\u00e9 16<sup>0<\/sup>=1.<\/p>\n\n\n\n<p>Partiamo dalla prima coppia: 7F = 7 * 16<sup>1 <\/sup>+ F * 1 = 7*16 + 15 = 127.<\/p>\n\n\n\n<p>La seconda coppia: FF = F * 16<sup>1 <\/sup>+ F * 1 = 15*16 + 15 = 255.<\/p>\n\n\n\n<p>La terza: D4 = D * 16<sup>1 <\/sup>+ 4 * 1 = 13*16 + 4 = 212.<\/p>\n\n\n\n<p>Il nostro codice colore in RGB diventa quindi rgb (127,255,212).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"conversione-da-rgb-a-esadecimale\">Conversione da RGB a esadecimale<\/h3>\n\n\n\n<p>Per la conversione<strong> da RGB a esadecimale<\/strong> dobbiamo prendere le tre cifre una alla volta. Vediamo lo stesso esempio di prima: rgb (127,255,212).<\/p>\n\n\n\n<p>La prima cifra \u00e8 127, dividendola per 16 otteniamo 7 (dobbiamo considerare la divisione intera senza il resto) e 15 di resto. Il 7 corrisponde alla prima cifra esadecimale, mentre il resto alla seconda. Quindi 127 equivale a 7F.<\/p>\n\n\n\n<p>La seconda cifra \u00e8 255, dividendola per 16 otteniamo 15 e 15 di resto, quindi in esadecimale abbiamo FF.<\/p>\n\n\n\n<p>La terza cifra \u00e8 212, dividendola per 16 otteniamo 13 e 4 di resto, quindi in esadecimale abbiamo D4.<\/p>\n\n\n\n<p>Ora possiamo mettere insieme tutte le cifre e ottenere il valore esadecimale: #7FFFD4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"strumenti-utili-per-trovare-colori-html\">Strumenti utili per trovare colori HTML<\/h2>\n\n\n\n<p>Spesso capita di voler <strong>identificare <\/strong>un colore specifico in una pagina web o di <strong>convertire <\/strong>un codice colore da una notazione all&#8217;altra. Per farlo ci vengono incontro diversi strumenti tra cui i cosiddetti color picker HTML. Vediamo alcuni degli strumenti pi\u00f9 utili.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"selettore-di-colori-html\">Selettore di colori HTML<\/h3>\n\n\n\n<p>Se vuoi trovare il codice di un colore specifico, puoi utilizzare l&#8217;<a href=\"https:\/\/www.w3schools.com\/colors\/colors_picker.asp\" data-type=\"link\" data-id=\"https:\/\/www.w3schools.com\/colors\/colors_picker.asp\" rel=\"noopener\">HTML Color Picker<\/a> di W3Schools. Questo strumento ci permette di ottenere codice esadecimale e notazione rgb di qualsiasi colore ed \u00e8 quindi utile per <strong>convertire <\/strong>il colore da una notazione all&#8217;altra.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"568\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/html-color-picker-w3schools-1024x568.png\" alt=\"Html Color Picker W3schools\" class=\"wp-image-51945\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/html-color-picker-w3schools-1024x568.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/html-color-picker-w3schools-300x167.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/html-color-picker-w3schools-768x426.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/html-color-picker-w3schools-114x63.png 114w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/html-color-picker-w3schools.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"strumento-per-sviluppatori-del-browser-e-contagocce-colore\">Strumento per sviluppatori del browser e contagocce colore<\/h3>\n\n\n\n<p>Chrome ha un contagocce colore integrato negli strumenti per sviluppatori (DevTools) che ci permette di ottenere rapidamente il <strong>codice colore di elementi delle pagine web<\/strong>.<\/p>\n\n\n\n<p>La prima cosa da fare \u00e8 aprire lo strumento per sviluppatori, per farlo \u00e8 sufficiente cliccare con il tasto destro su una pagina web e poi cliccare su <em>Ispeziona<\/em>. Lo strumento di sviluppo si aprir\u00e0 in una nuova scheda del browser.<\/p>\n\n\n\n<p>Nella scheda &#8220;Stili&#8221; dobbiamo trovare un elemento &#8220;color&#8221; e cliccare sul box colorato accanto ad esso. In questo modo si aprir\u00e0 il box dei colori e potremo cliccare sull&#8217;icona del <strong>contagocce <\/strong>per utilizzarlo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"457\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/strumento-contagocce-colore-google-chrome-1024x457.png\" alt=\"Strumento Contagocce Colore Google Chrome\" class=\"wp-image-51948\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/strumento-contagocce-colore-google-chrome-1024x457.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/strumento-contagocce-colore-google-chrome-300x134.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/strumento-contagocce-colore-google-chrome-768x342.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/strumento-contagocce-colore-google-chrome-120x54.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/strumento-contagocce-colore-google-chrome.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Possiamo anche modificare la notazione da esadecimale a RGB cliccando sul simbolo con le due frecce come ho evidenziato in questa schermata.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"594\" height=\"591\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/contagocce-chrome-esadecimale-e-rgb.png\" alt=\"Contagocce Chrome Esadecimale E Rgb\" class=\"wp-image-51949\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/contagocce-chrome-esadecimale-e-rgb.png 594w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/contagocce-chrome-esadecimale-e-rgb-300x298.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/contagocce-chrome-esadecimale-e-rgb-150x150.png 150w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/contagocce-chrome-esadecimale-e-rgb-63x63.png 63w\" sizes=\"auto, (max-width: 594px) 100vw, 594px\" \/><\/figure>\n\n\n\n<p>La stessa cosa pu\u00f2 essere fatta con Firefox, in questo caso basta cliccare con il tasto destro sulla pagina e poi fare click su <em>Analizza<\/em> per aprire gli strumenti di sviluppo e poi cliccare sull&#8217;<strong>icona del contagocce<\/strong> in alto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"239\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/strumento-contagocce-colore-firefox-1024x239.png\" alt=\"Strumento Contagocce Colore Firefox\" class=\"wp-image-51950\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/strumento-contagocce-colore-firefox-1024x239.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/strumento-contagocce-colore-firefox-300x70.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/strumento-contagocce-colore-firefox-768x179.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/strumento-contagocce-colore-firefox-120x28.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/strumento-contagocce-colore-firefox.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"note\">Suggerimento: questi stessi strumenti ci danno anche indicazioni di massima sul <strong>rapporto di contrasto <\/strong>tra testo e sfondo, ma \u00e8 bene anche confrontarli con altri strumenti se si vuole assicurare l&#8217;<a href=\"https:\/\/supporthost.com\/it\/accessibilita-siti-web\/\">accessibilit\u00e0 del proprio sito web<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"altri-strumenti-per-prelevare-il-colore-da-pagine-web\">Altri strumenti per prelevare il colore da pagine web<\/h3>\n\n\n\n<p>Ci sono anche altri strumenti che ci possono aiutare a prelevare i colori dalle pagine web.<\/p>\n\n\n\n<p>Ad esempio ci sono diverse <strong>estensioni per i browser<\/strong> tra cui ColorZilla e Geco Color Picker, si tratta di due estensioni che funzionano in maniera simile ai contagocce che abbiamo appena visto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>I colori HTML possono essere indicati usando il formato <strong>esadecimale<\/strong>, <strong>RGB <\/strong>o il <strong>nome standard<\/strong>. Conoscendo le basi di questi formati \u00e8 facile capire come convertire i colori da una notazione all&#8217;altra. Ad ogni modo ad aiutarci ci sono diversi strumenti sia per <strong>prelevare <\/strong>i colori che per <strong>convertirli<\/strong>. <\/p>\n\n\n\n<p>Questa guida ti ha aiutato a comprendere le basi dei colori HTML? C&#8217;\u00e8 una notazione che preferisci utilizzare? Facci sapere con un commento.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I colori HTML utilizzano una codifica standard che associa un codice numerico o un nome standard a ogni colore. Quando creiamo o modifichiamo un sito web possiamo utilizzare uno dei diversi formati per colorare elementi del sito come lo sfondo, il testo, i pulsanti e cos\u00ec via. In questa guida vedremo quali metodi possiamo utilizzare [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":63516,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-51558","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-generale"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/51558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=51558"}],"version-history":[{"count":3,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/51558\/revisions"}],"predecessor-version":[{"id":128834,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/51558\/revisions\/128834"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/63516"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=51558"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=51558"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=51558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}