{"id":27401403,"date":"2026-10-25T20:10:00","date_gmt":"2026-10-25T19:10:00","guid":{"rendered":"https:\/\/www.digiaccion.com\/?page_id=27401403"},"modified":"2026-10-25T20:26:56","modified_gmt":"2026-10-25T19:26:56","slug":"html-color-codes","status":"publish","type":"page","link":"https:\/\/www.digiaccion.com\/en\/html-color-codes\/","title":{"rendered":"HTML and hex color codes chart: HEX, RGB and color names to copy"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section preset--module--divi-section--default\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone preset--module--divi-column--default\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- DigiAcci\u00f3n | Herramienta: HTML color codes chart: HEX and RGB | English | entrega v13 | 2026-10-20\n     Pegar tal cual en el m\u00f3dulo C\u00f3digo de la \u00fanica secci\u00f3n de la p\u00e1gina. Sin secci\u00f3n de contacto debajo: el c\u00f3digo\n     termina con su propio CTA (contacto y WhatsApp) y los servicios.\n     Los estilos se cargan desde verticales.css del hosting (v12). Dentro: HTML (ra\u00edz .dgv.dgt), JSON-LD\n     (WebApplication creada por DigiAcci\u00f3n + FAQPage) y JS. Sin caracteres de 4 bytes: los emojis van como entidades. -->\n<link rel=\"stylesheet\" id=\"dgv-css\" href=\"https:\/\/www.digiaccion.com\/wp-content\/uploads\/digiaccion-verticales\/verticales.css?v=12\">\n<div class=\"dgv dgt ui-no-swap\" lang=\"en\" data-dgv=\"herramienta-colores\" data-dgt=\"colores\">\n<svg class=\"dgv-sprite\" aria-hidden=\"true\" focusable=\"false\"><symbol id=\"dgv-i-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/symbol><symbol id=\"dgv-i-bed\" viewBox=\"0 0 24 24\"><path d=\"M3 18.5V6M3 14h18v4.5M21 14v-2.5a3 3 0 0 0-3-3h-7v5.5\"\/><circle cx=\"7\" cy=\"11\" r=\"2\"\/><\/symbol><symbol id=\"dgv-i-bolt\" viewBox=\"0 0 24 24\"><path d=\"M13 2.5 4.5 13.5H11l-1 8 8.5-11H12l1-8z\"\/><\/symbol><symbol id=\"dgv-i-briefcase\" viewBox=\"0 0 24 24\"><rect x=\"3.5\" y=\"7\" width=\"17\" height=\"12.5\" rx=\"2.5\"\/><path d=\"M9 7V5.5A1.5 1.5 0 0 1 10.5 4h3A1.5 1.5 0 0 1 15 5.5V7M3.5 12.5h17\"\/><\/symbol><symbol id=\"dgv-i-chart\" viewBox=\"0 0 24 24\"><path d=\"M4 19.5h16M7 16v-4M12 16V8M17 16V5\"\/><\/symbol><symbol id=\"dgv-i-check\" viewBox=\"0 0 24 24\"><path d=\"m5 12.5 4.5 4.5L19 7.5\"\/><\/symbol><symbol id=\"dgv-i-chev\" viewBox=\"0 0 24 24\"><path d=\"m6 9 6 6 6-6\"\/><\/symbol><symbol id=\"dgv-i-compass\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"4.5\" r=\"1.5\"\/><path d=\"M11.2 5.8 5.5 20M12.8 5.8 18.5 20M8 14h8\"\/><\/symbol><symbol id=\"dgv-i-cpu\" viewBox=\"0 0 24 24\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\"\/><rect x=\"9.5\" y=\"9.5\" width=\"5\" height=\"5\" rx=\"1\"\/><path d=\"M9.5 3v3M14.5 3v3M9.5 18v3M14.5 18v3M3 9.5h3M3 14.5h3M18 9.5h3M18 14.5h3\"\/><\/symbol><symbol id=\"dgv-i-crane\" viewBox=\"0 0 24 24\"><path d=\"M5 21V4l13 3H5M9 4l9 3M18 7v5M16.5 12h3v2.5h-3zM3 21h8\"\/><\/symbol><symbol id=\"dgv-i-dumbbell\" viewBox=\"0 0 24 24\"><path d=\"M6.5 6.5v11M17.5 6.5v11M3.5 9v6M20.5 9v6M6.5 12h11\"\/><\/symbol><symbol id=\"dgv-i-food\" viewBox=\"0 0 24 24\"><path d=\"M7 3v8M5 3v5a2 2 0 0 0 4 0V3M7 11v10M16.5 21V3c-2 1.5-3 4-3 7 0 1.5.8 2.5 3 2.5\"\/><\/symbol><symbol id=\"dgv-i-hanger\" viewBox=\"0 0 24 24\"><path d=\"M12 8.5a2 2 0 1 1 2-2c0 1-.8 1.4-1.4 1.8-.4.3-.6.6-.6 1.2v.5L3.5 15.5a1.5 1.5 0 0 0 .9 2.7h15.2a1.5 1.5 0 0 0 .9-2.7L12 10\"\/><\/symbol><symbol id=\"dgv-i-health\" viewBox=\"0 0 24 24\"><path d=\"M12 20s-7.5-4.6-7.5-10A4.3 4.3 0 0 1 12 7.5 4.3 4.3 0 0 1 19.5 10c0 5.4-7.5 10-7.5 10z\"\/><path d=\"M9.5 12h5M12 9.5v5\"\/><\/symbol><symbol id=\"dgv-i-home\" viewBox=\"0 0 24 24\"><path d=\"M3.5 11 12 4l8.5 7\"\/><path d=\"M5.5 9.5V20h13V9.5M10 20v-5.5h4V20\"\/><\/symbol><symbol id=\"dgv-i-image\" viewBox=\"0 0 24 24\"><rect x=\"3.5\" y=\"4.5\" width=\"17\" height=\"15\" rx=\"2.2\"\/><circle cx=\"9\" cy=\"9.5\" r=\"1.7\"\/><path d=\"m4 17 5-4.5 3.5 3 3-2.5 4.5 4\"\/><\/symbol><symbol id=\"dgv-i-kana\" viewBox=\"0 0 24 24\"><path d=\"M5 8h9M9.5 5c-.5 6-2 10-4.5 13M8 12c3 0 7 1 9 5M16 5.5l2.5 2.5\"\/><\/symbol><symbol id=\"dgv-i-layout\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2.5\"\/><path d=\"M3 9h18M9 9v11\"\/><\/symbol><symbol id=\"dgv-i-megaphone\" viewBox=\"0 0 24 24\"><path d=\"M4 10v4a1 1 0 0 0 1 1h2l6 4.5v-15L7 9H5a1 1 0 0 0-1 1z\"\/><path d=\"M16.5 9a4 4 0 0 1 0 6M19 6.5a7.5 7.5 0 0 1 0 11\"\/><\/symbol><symbol id=\"dgv-i-mountain\" viewBox=\"0 0 24 24\"><path d=\"M2.5 20 9 9.5l3.5 5.5 2.5-3.5 6.5 8.5z\"\/><circle cx=\"17\" cy=\"6\" r=\"2\"\/><\/symbol><symbol id=\"dgv-i-paw\" viewBox=\"0 0 24 24\"><circle cx=\"7\" cy=\"10\" r=\"1.8\"\/><circle cx=\"10.5\" cy=\"6.5\" r=\"1.8\"\/><circle cx=\"14.5\" cy=\"6.5\" r=\"1.8\"\/><circle cx=\"18\" cy=\"10\" r=\"1.8\"\/><path d=\"M12.5 11.5c-2.5 0-5 3.5-5 5.5 0 1.5 1 2.5 2.5 2.5 1 0 1.6-.5 2.5-.5s1.5.5 2.5.5c1.5 0 2.5-1 2.5-2.5 0-2-2.5-5.5-5-5.5z\"\/><\/symbol><symbol id=\"dgv-i-pen\" viewBox=\"0 0 24 24\"><path d=\"M12.5 19.5 19 13l-2.5-2.5L10 17v2.5zM15 9l-2-5-8 3 3 8 5-2M5 7l4 4\"\/><\/symbol><symbol id=\"dgv-i-pipette\" viewBox=\"0 0 24 24\"><path d=\"m14.5 6.5 3 3M12 9l3 3-7 7H5v-3z\"\/><path d=\"M15.5 4.5a2.1 2.1 0 0 1 3 3l-2 2-3-3z\"\/><\/symbol><symbol id=\"dgv-i-quote\" viewBox=\"0 0 24 24\"><path d=\"M10 7.5C6.8 8.6 5 10.9 5 14.3V18h5.2v-5.2H7.6c.1-1.7 1.1-2.9 3-3.6zM19 7.5c-3.2 1.1-5 3.4-5 6.8V18h5.2v-5.2h-2.6c.1-1.7 1.1-2.9 3-3.6z\"\/><\/symbol><symbol id=\"dgv-i-refresh\" viewBox=\"0 0 24 24\"><path d=\"M19.5 12a7.5 7.5 0 0 1-13 5.1M4.5 12a7.5 7.5 0 0 1 13-5.1\"\/><path d=\"M17.5 3.5v3.6h-3.6M6.5 20.5v-3.6h3.6\"\/><\/symbol><symbol id=\"dgv-i-ruler\" viewBox=\"0 0 24 24\"><rect x=\"2.5\" y=\"8\" width=\"19\" height=\"8\" rx=\"1.5\"\/><path d=\"M6.5 8v3M10 8v4.5M13.5 8v3M17 8v4.5\"\/><\/symbol><symbol id=\"dgv-i-scale\" viewBox=\"0 0 24 24\"><path d=\"M12 4v16M8 20h8M5 7h14M5 7l-2.5 6a2.5 2.5 0 0 0 5 0zM19 7l-2.5 6a2.5 2.5 0 0 0 5 0z\"\/><\/symbol><symbol id=\"dgv-i-search\" viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m20 20-3.5-3.5\"\/><\/symbol><symbol id=\"dgv-i-shop\" viewBox=\"0 0 24 24\"><path d=\"M4 9h16l-1.4-4.5H5.4zM5 9v11h14V9M9.5 20v-5.5h5V20\"\/><\/symbol><symbol id=\"dgv-i-smile\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><path d=\"M8.5 14.2c.9 1.3 2.1 2 3.5 2s2.6-.7 3.5-2\"\/><circle cx=\"9.2\" cy=\"10\" r=\".9\"\/><circle cx=\"14.8\" cy=\"10\" r=\".9\"\/><\/symbol><symbol id=\"dgv-i-sparkles\" viewBox=\"0 0 24 24\"><path d=\"M11 3.5l1.7 4.6 4.6 1.7-4.6 1.7L11 16.1l-1.7-4.6L4.7 9.8l4.6-1.7z\"\/><path d=\"M18 14.5l.8 2.1 2.1.8-2.1.8-.8 2.1-.8-2.1-2.1-.8 2.1-.8z\"\/><\/symbol><symbol id=\"dgv-i-star\" viewBox=\"0 0 24 24\"><path d=\"M12 2.8l2.8 5.8 6.3.9-4.6 4.4 1.1 6.3L12 17.3l-5.6 2.9 1.1-6.3L2.9 9.5l6.3-.9z\"\/><\/symbol><symbol id=\"dgv-i-target\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><circle cx=\"12\" cy=\"12\" r=\"4.5\"\/><circle cx=\"12\" cy=\"12\" r=\".6\"\/><\/symbol><symbol id=\"dgv-i-video\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"6\" width=\"13\" height=\"12\" rx=\"2.5\"\/><path d=\"m16 10 5-3v10l-5-3\"\/><\/symbol><symbol id=\"dgv-i-whatsapp\" viewBox=\"0 0 24 24\"><path d=\"M20 11.6A8.4 8.4 0 0 1 7.6 19L4 20l1-3.5A8.4 8.4 0 1 1 20 11.6z\"\/><path d=\"M9.3 8.4c.3-.4.7-.4 1-.4l.6 1.6c.1.2 0 .5-.1.6l-.5.6c.6 1.1 1.5 2 2.6 2.6l.6-.5c.2-.1.4-.2.6-.1l1.6.6c0 .4-.1.8-.4 1.1-.5.4-1.1.6-1.7.5-2.6-.5-4.6-2.5-5.1-5.1-.1-.6.1-1.1.5-1.5z\"\/><\/symbol><symbol id=\"dgv-i-wrench\" viewBox=\"0 0 24 24\"><path d=\"M14.5 5.5a4.5 4.5 0 0 0 5.6 5.6L12 19.2a2 2 0 0 1-2.8 0l-.4-.4a2 2 0 0 1 0-2.8l8.1-8.1\"\/><path d=\"M14.5 5.5 17 3l4 4-2.5 2.5\"\/><\/symbol><symbol id=\"dgv-i-x\" viewBox=\"0 0 24 24\"><path d=\"M6.5 6.5l11 11M17.5 6.5l-11 11\"\/><\/symbol><\/svg>\n<section class=\"dgv-sec dgt-hero\" aria-labelledby=\"dgt-h1\">\n<div class=\"dgv-fx\" aria-hidden=\"true\"><div class=\"dgv-beams dgv-beams--soft\"><\/div><\/div>\n<div class=\"dgv-wrap dgt-hero-in\" data-dgv-r>\n<p class=\"dgt-kicker\"><span class=\"dgv-live\" aria-hidden=\"true\"><\/span>Free tool by DigiAcci\u00f3n<\/p>\n<h1 class=\"dgt-h1\" id=\"dgt-h1\"><span class=\"dgv-grad\">HTML Color Codes Chart: HEX, RGB and Color Names to Copy<\/span><\/h1>\n<p class=\"dgv-intro dgt-intro\">A free tool by DigiAcci\u00f3n, a digital marketing agency in Andorra: over 600 colors organized by family, a color picker, a WCAG color contrast checker and every HEX, RGB or HSL code ready to copy in one click.<\/p>\n<ul class=\"dgt-badges\" role=\"list\"><li><svg class=\"dgv-i\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-check\"><\/use><\/svg>Free<\/li><li><svg class=\"dgv-i\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-check\"><\/use><\/svg>No sign-up<\/li><li><svg class=\"dgv-i\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-check\"><\/use><\/svg>One-click copy<\/li><\/ul>\n<\/div>\n<\/section>\n<section class=\"dgv-sec dgt-app-sec\" id=\"dgt-app\" aria-label=\"Tool\">\n<div class=\"dgv-wrap\">\n<div class=\"dgt-tool dgt-card dgt-colors\" data-dgt-colors data-ui=\"{&#34;copiado&#34;: &#34;Copied&#34;, &#34;f_simbolo&#34;: &#34;Symbol&#34;, &#34;calibrada&#34;: &#34;Ruler calibrated in this browser.&#34;, &#34;equiv&#34;: &#34;1 {u} = {px} px.&#34;, &#34;sin_calibrar&#34;: &#34;Not calibrated: the length is approximate. Press \\&#34;Calibrate\\&#34; to make it exact on your screen.&#34;, &#34;guardada&#34;: &#34;Calibration saved&#34;, &#34;aa_grande&#34;: &#34;AA large text&#34;, &#34;no_pasa&#34;: &#34;Fails&#34;, &#34;no_cabe&#34;: &#34;Up to {n} fits on your screen. Turn your phone sideways or use full screen.&#34;, &#34;pasa&#34;: &#34;Pass&#34;, &#34;jn_aprox&#34;: &#34;Spelled by sound: double-check it if it is for a tattoo or anything important.&#34;, &#34;jn_dic&#34;: &#34;Usual spelling in Japan.&#34;, &#34;regla_fija&#34;: &#34;Actual size {n} ruler&#34;}\">\n<div class=\"dgt-pick dgt-panel\" data-dgt-pick>\n<div class=\"dgt-pick-sw\" data-f=\"sw\"><input type=\"color\" value=\"#5B4AE0\" aria-label=\"Color picker\" data-dgt-cin><\/div>\n<div class=\"dgt-pick-f\">\n<label class=\"dgt-field\"><span>HEX<\/span><input type=\"text\" value=\"#5B4AE0\" spellcheck=\"false\" data-fmt=\"hex\"><\/label>\n<label class=\"dgt-field\"><span>RGB<\/span><input type=\"text\" value=\"rgb(91, 74, 224)\" spellcheck=\"false\" data-fmt=\"rgb\"><\/label>\n<label class=\"dgt-field\"><span>HSL<\/span><input type=\"text\" value=\"hsl(247, 72%, 58%)\" spellcheck=\"false\" data-fmt=\"hsl\"><\/label>\n<label class=\"dgt-field\"><span>CMYK<\/span><input type=\"text\" value=\"cmyk(59%, 67%, 0%, 12%)\" spellcheck=\"false\" data-fmt=\"cmyk\" readonly><\/label>\n<\/div>\n<div class=\"dgt-pick-x\">\n<div class=\"dgt-contrast\" data-dgt-contrast><p><span class=\"dgt-ct dgt-ct--w\" data-f=\"cw\">Aa<\/span><b data-f=\"rw\"><\/b><small data-f=\"bw\"><\/small><\/p><p><span class=\"dgt-ct dgt-ct--b\" data-f=\"cb\">Aa<\/span><b data-f=\"rb\"><\/b><small data-f=\"bb\"><\/small><\/p><small class=\"dgt-note\">Contrast with white and black text (WCAG).<\/small><\/div>\n<div class=\"dgt-pick-b\"><button type=\"button\" class=\"dgt-btn\" data-act=\"eyedropper\" hidden><svg class=\"dgv-i\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-pipette\"><\/use><\/svg>Eyedropper<\/button><label class=\"dgt-btn\"><svg class=\"dgv-i\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-image\"><\/use><\/svg>Color from an image<input type=\"file\" accept=\"image\/*\" data-dgt-img hidden><\/label><\/div>\n<\/div>\n<div class=\"dgt-imgpick\" data-dgt-imgbox hidden><canvas data-dgt-imgc aria-label=\"Image: click to pick a color\"><\/canvas><p class=\"dgt-note\">Click anywhere on the image to pick its color. The image never leaves your computer.<\/p><\/div>\n<\/div>\n<div class=\"dgt-cc dgt-panel\" id=\"dgt-contraste\" data-dgt-cc>\n<div class=\"dgt-cc-head\"><h2 class=\"dgt-panel-t dgt-panel-t--h dgv-grad\">WCAG Color Contrast Checker for Text and Background<\/h2><p class=\"dgt-note\">Pick a text color and a background color, type a hex code or press the dropper button to use the color selected above. You get the contrast ratio, never rounded up, and a pass or fail for each WCAG 2.2 level.<\/p><\/div>\n<div class=\"dgt-cc-grid\">\n<div class=\"dgt-cc-f\">\n<div class=\"dgt-field\"><span>Text color<\/span><span class=\"dgt-cc-in\"><input type=\"color\" value=\"#5B4AE0\" aria-label=\"Text color\" data-cc=\"fgc\"><input type=\"text\" value=\"#5B4AE0\" spellcheck=\"false\" aria-label=\"Text color (HEX)\" data-cc=\"fg\"><button type=\"button\" class=\"dgt-btn dgt-btn--s\" data-act=\"cc-use\" data-t=\"fg\" title=\"Use the picked color\" aria-label=\"Use the picked color\"><svg class=\"dgv-i\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-pipette\"><\/use><\/svg><\/button><\/span><\/div>\n<button type=\"button\" class=\"dgt-btn dgt-cc-swap\" data-act=\"cc-swap\" aria-label=\"Swap colors\" title=\"Swap colors\"><svg class=\"dgv-i\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-refresh\"><\/use><\/svg>Swap colors<\/button>\n<div class=\"dgt-field\"><span>Background color<\/span><span class=\"dgt-cc-in\"><input type=\"color\" value=\"#FFFFFF\" aria-label=\"Background color\" data-cc=\"bgc\"><input type=\"text\" value=\"#FFFFFF\" spellcheck=\"false\" aria-label=\"Background color (HEX)\" data-cc=\"bg\"><button type=\"button\" class=\"dgt-btn dgt-btn--s\" data-act=\"cc-use\" data-t=\"bg\" title=\"Use the picked color\" aria-label=\"Use the picked color\"><svg class=\"dgv-i\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-pipette\"><\/use><\/svg><\/button><\/span><\/div>\n<\/div>\n<div class=\"dgt-cc-prev\" data-cc=\"prev\"><p class=\"dgt-cc-big\">Large sample text<\/p><p class=\"dgt-cc-small\">This is how a normal paragraph reads with these two colors.<\/p><\/div>\n<div class=\"dgt-cc-res\"><p class=\"dgt-cc-ratio\"><small>Contrast ratio<\/small><b data-cc=\"ratio\"><\/b><\/p>\n<ul class=\"dgt-cc-list\" role=\"list\"><li data-cc=\"aa\" data-min=\"4.5\"><span>AA normal text <small>4.5:1<\/small><\/span><b><\/b><\/li><li data-cc=\"aaa\" data-min=\"7\"><span>AAA normal text <small>7:1<\/small><\/span><b><\/b><\/li><li data-cc=\"aal\" data-min=\"3\"><span>AA large text <small>3:1<\/small><\/span><b><\/b><\/li><li data-cc=\"aaal\" data-min=\"4.5\"><span>AAA large text <small>4.5:1<\/small><\/span><b><\/b><\/li><li data-cc=\"ui\" data-min=\"3\"><span>Icons and borders <small>3:1<\/small><\/span><b><\/b><\/li><\/ul><\/div>\n<\/div>\n<\/div>\n<div class=\"dgt-bar\">\n<label class=\"dgt-search\"><svg class=\"dgv-i\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-search\"><\/use><\/svg><span class=\"dgv-sr\">Search<\/span><input type=\"search\" placeholder=\"Search by name, HEX or family (blue, pastel...)\" autocomplete=\"off\" spellcheck=\"false\" data-dgt-q><\/label>\n<div class=\"dgt-seg\" role=\"radiogroup\" aria-label=\"Copy format\"><button type=\"button\" role=\"radio\" aria-checked=\"true\" data-fmtc=\"hex\">HEX<\/button><button type=\"button\" role=\"radio\" aria-checked=\"false\" data-fmtc=\"rgb\">RGB<\/button><button type=\"button\" role=\"radio\" aria-checked=\"false\" data-fmtc=\"hsl\">HSL<\/button><\/div>\n<\/div>\n<div class=\"dgt-chips\" role=\"toolbar\" aria-label=\"Filter by group\"><button type=\"button\" class=\"is-on\" data-g=\"*\">All<\/button><button type=\"button\" data-g=\"nombrados\">Named<\/button><button type=\"button\" data-g=\"tonos\">Tailwind<\/button><button type=\"button\" data-g=\"pastel\">Pastel<\/button><button type=\"button\" data-g=\"metalicos\">Metallic<\/button><button type=\"button\" data-g=\"tierra\">Earth tones<\/button><button type=\"button\" data-g=\"neon\">Neon<\/button><button type=\"button\" data-g=\"seguros\">Web safe<\/button><\/div>\n<p class=\"dgt-empty\" data-dgt-empty hidden>No results for that search.<\/p>\n<section class=\"dgt-grp\" id=\"dgt-g-nombrados\" data-g=\"nombrados\" aria-labelledby=\"dgt-gh-nombrados\">\n<div class=\"dgt-grp-h\"><h2 class=\"dgt-gh dgv-grad\" id=\"dgt-gh-nombrados\">HTML Color Names: All 139 CSS Colors by Family<\/h2><p class=\"dgt-gd\">The 148 names every browser understands, in 11 families; synonyms such as gray and grey are shown together.<\/p><\/div><p class=\"dgt-sh\">Reds<\/p>\n<div class=\"dgt-cgrid\"><button type=\"button\" class=\"dgt-c\" data-h=\"FFA07A\" data-k=\"Salm\u00f3n claro lightsalmon\" data-css=\"lightsalmon\" style=\"--c:#FFA07A\"><i aria-hidden=\"true\"><\/i><b>lightsalmon<\/b><code>#FFA07A<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FA8072\" data-k=\"Salm\u00f3n salmon\" data-css=\"salmon\" style=\"--c:#FA8072\"><i aria-hidden=\"true\"><\/i><b>salmon<\/b><code>#FA8072<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"E9967A\" data-k=\"Salm\u00f3n oscuro darksalmon\" data-css=\"darksalmon\" style=\"--c:#E9967A\"><i aria-hidden=\"true\"><\/i><b>darksalmon<\/b><code>#E9967A<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"F08080\" data-k=\"Coral claro lightcoral\" data-css=\"lightcoral\" style=\"--c:#F08080\"><i aria-hidden=\"true\"><\/i><b>lightcoral<\/b><code>#F08080<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"CD5C5C\" data-k=\"Rojo indio indianred\" data-css=\"indianred\" style=\"--c:#CD5C5C\"><i aria-hidden=\"true\"><\/i><b>indianred<\/b><code>#CD5C5C<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"DC143C\" data-k=\"Carmes\u00ed crimson\" data-css=\"crimson\" style=\"--c:#DC143C\"><i aria-hidden=\"true\"><\/i><b>crimson<\/b><code>#DC143C<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FF0000\" data-k=\"Rojo red\" data-css=\"red\" style=\"--c:#FF0000\"><i aria-hidden=\"true\"><\/i><b>red<\/b><code>#FF0000<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"B22222\" data-k=\"Rojo ladrillo firebrick\" data-css=\"firebrick\" style=\"--c:#B22222\"><i aria-hidden=\"true\"><\/i><b>firebrick<\/b><code>#B22222<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"8B0000\" data-k=\"Rojo oscuro darkred\" data-css=\"darkred\" style=\"--c:#8B0000\"><i aria-hidden=\"true\"><\/i><b>darkred<\/b><code>#8B0000<\/code><\/button><\/div><p class=\"dgt-sh\">Pinks<\/p>\n<div class=\"dgt-cgrid\"><button type=\"button\" class=\"dgt-c\" data-h=\"FFC0CB\" data-k=\"Rosa pink\" data-css=\"pink\" style=\"--c:#FFC0CB\"><i aria-hidden=\"true\"><\/i><b>pink<\/b><code>#FFC0CB<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFB6C1\" data-k=\"Rosa claro lightpink\" data-css=\"lightpink\" style=\"--c:#FFB6C1\"><i aria-hidden=\"true\"><\/i><b>lightpink<\/b><code>#FFB6C1<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FF69B4\" data-k=\"Rosa fuerte hotpink\" data-css=\"hotpink\" style=\"--c:#FF69B4\"><i aria-hidden=\"true\"><\/i><b>hotpink<\/b><code>#FF69B4<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FF1493\" data-k=\"Rosa intenso deeppink\" data-css=\"deeppink\" style=\"--c:#FF1493\"><i aria-hidden=\"true\"><\/i><b>deeppink<\/b><code>#FF1493<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"DB7093\" data-k=\"Rojo violeta p\u00e1lido palevioletred\" data-css=\"palevioletred\" style=\"--c:#DB7093\"><i aria-hidden=\"true\"><\/i><b>palevioletred<\/b><code>#DB7093<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"C71585\" data-k=\"Rojo violeta medio mediumvioletred\" data-css=\"mediumvioletred\" style=\"--c:#C71585\"><i aria-hidden=\"true\"><\/i><b>mediumvioletred<\/b><code>#C71585<\/code><\/button><\/div><p class=\"dgt-sh\">Oranges<\/p>\n<div class=\"dgt-cgrid\"><button type=\"button\" class=\"dgt-c\" data-h=\"FFA500\" data-k=\"Naranja orange\" data-css=\"orange\" style=\"--c:#FFA500\"><i aria-hidden=\"true\"><\/i><b>orange<\/b><code>#FFA500<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FF8C00\" data-k=\"Naranja oscuro darkorange\" data-css=\"darkorange\" style=\"--c:#FF8C00\"><i aria-hidden=\"true\"><\/i><b>darkorange<\/b><code>#FF8C00<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FF7F50\" data-k=\"Coral coral\" data-css=\"coral\" style=\"--c:#FF7F50\"><i aria-hidden=\"true\"><\/i><b>coral<\/b><code>#FF7F50<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FF6347\" data-k=\"Tomate tomato\" data-css=\"tomato\" style=\"--c:#FF6347\"><i aria-hidden=\"true\"><\/i><b>tomato<\/b><code>#FF6347<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FF4500\" data-k=\"Rojo anaranjado orangered\" data-css=\"orangered\" style=\"--c:#FF4500\"><i aria-hidden=\"true\"><\/i><b>orangered<\/b><code>#FF4500<\/code><\/button><\/div><p class=\"dgt-sh\">Yellows<\/p>\n<div class=\"dgt-cgrid\"><button type=\"button\" class=\"dgt-c\" data-h=\"FFD700\" data-k=\"Oro gold\" data-css=\"gold\" style=\"--c:#FFD700\"><i aria-hidden=\"true\"><\/i><b>gold<\/b><code>#FFD700<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFFF00\" data-k=\"Amarillo yellow\" data-css=\"yellow\" style=\"--c:#FFFF00\"><i aria-hidden=\"true\"><\/i><b>yellow<\/b><code>#FFFF00<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFFFE0\" data-k=\"Amarillo claro lightyellow\" data-css=\"lightyellow\" style=\"--c:#FFFFE0\"><i aria-hidden=\"true\"><\/i><b>lightyellow<\/b><code>#FFFFE0<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFFACD\" data-k=\"Gasa de lim\u00f3n lemonchiffon\" data-css=\"lemonchiffon\" style=\"--c:#FFFACD\"><i aria-hidden=\"true\"><\/i><b>lemonchiffon<\/b><code>#FFFACD<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FAFAD2\" data-k=\"Amarillo vara de oro claro lightgoldenrodyellow\" data-css=\"lightgoldenrodyellow\" style=\"--c:#FAFAD2\"><i aria-hidden=\"true\"><\/i><b>lightgoldenrodyellow<\/b><code>#FAFAD2<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFEFD5\" data-k=\"Papaya batida papayawhip\" data-css=\"papayawhip\" style=\"--c:#FFEFD5\"><i aria-hidden=\"true\"><\/i><b>papayawhip<\/b><code>#FFEFD5<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFE4B5\" data-k=\"Mocas\u00edn moccasin\" data-css=\"moccasin\" style=\"--c:#FFE4B5\"><i aria-hidden=\"true\"><\/i><b>moccasin<\/b><code>#FFE4B5<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFDAB9\" data-k=\"Melocot\u00f3n peachpuff\" data-css=\"peachpuff\" style=\"--c:#FFDAB9\"><i aria-hidden=\"true\"><\/i><b>peachpuff<\/b><code>#FFDAB9<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"EEE8AA\" data-k=\"Vara de oro p\u00e1lido palegoldenrod\" data-css=\"palegoldenrod\" style=\"--c:#EEE8AA\"><i aria-hidden=\"true\"><\/i><b>palegoldenrod<\/b><code>#EEE8AA<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"F0E68C\" data-k=\"Caqui khaki\" data-css=\"khaki\" style=\"--c:#F0E68C\"><i aria-hidden=\"true\"><\/i><b>khaki<\/b><code>#F0E68C<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"BDB76B\" data-k=\"Caqui oscuro darkkhaki\" data-css=\"darkkhaki\" style=\"--c:#BDB76B\"><i aria-hidden=\"true\"><\/i><b>darkkhaki<\/b><code>#BDB76B<\/code><\/button><\/div><p class=\"dgt-sh\">Greens<\/p>\n<div class=\"dgt-cgrid\"><button type=\"button\" class=\"dgt-c\" data-h=\"ADFF2F\" data-k=\"Verde amarillo greenyellow\" data-css=\"greenyellow\" style=\"--c:#ADFF2F\"><i aria-hidden=\"true\"><\/i><b>greenyellow<\/b><code>#ADFF2F<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"7FFF00\" data-k=\"Chartreuse (verde lima) chartreuse\" data-css=\"chartreuse\" style=\"--c:#7FFF00\"><i aria-hidden=\"true\"><\/i><b>chartreuse<\/b><code>#7FFF00<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"7CFC00\" data-k=\"Verde c\u00e9sped lawngreen\" data-css=\"lawngreen\" style=\"--c:#7CFC00\"><i aria-hidden=\"true\"><\/i><b>lawngreen<\/b><code>#7CFC00<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"00FF00\" data-k=\"Lima lime\" data-css=\"lime\" style=\"--c:#00FF00\"><i aria-hidden=\"true\"><\/i><b>lime<\/b><code>#00FF00<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"32CD32\" data-k=\"Verde lima limegreen\" data-css=\"limegreen\" style=\"--c:#32CD32\"><i aria-hidden=\"true\"><\/i><b>limegreen<\/b><code>#32CD32<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"98FB98\" data-k=\"Verde p\u00e1lido palegreen\" data-css=\"palegreen\" style=\"--c:#98FB98\"><i aria-hidden=\"true\"><\/i><b>palegreen<\/b><code>#98FB98<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"90EE90\" data-k=\"Verde claro lightgreen\" data-css=\"lightgreen\" style=\"--c:#90EE90\"><i aria-hidden=\"true\"><\/i><b>lightgreen<\/b><code>#90EE90<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"00FA9A\" data-k=\"Verde primavera medio mediumspringgreen\" data-css=\"mediumspringgreen\" style=\"--c:#00FA9A\"><i aria-hidden=\"true\"><\/i><b>mediumspringgreen<\/b><code>#00FA9A<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"00FF7F\" data-k=\"Verde primavera springgreen\" data-css=\"springgreen\" style=\"--c:#00FF7F\"><i aria-hidden=\"true\"><\/i><b>springgreen<\/b><code>#00FF7F<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"3CB371\" data-k=\"Verde mar medio mediumseagreen\" data-css=\"mediumseagreen\" style=\"--c:#3CB371\"><i aria-hidden=\"true\"><\/i><b>mediumseagreen<\/b><code>#3CB371<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"2E8B57\" data-k=\"Verde mar seagreen\" data-css=\"seagreen\" style=\"--c:#2E8B57\"><i aria-hidden=\"true\"><\/i><b>seagreen<\/b><code>#2E8B57<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"228B22\" data-k=\"Verde bosque forestgreen\" data-css=\"forestgreen\" style=\"--c:#228B22\"><i aria-hidden=\"true\"><\/i><b>forestgreen<\/b><code>#228B22<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"008000\" data-k=\"Verde green\" data-css=\"green\" style=\"--c:#008000\"><i aria-hidden=\"true\"><\/i><b>green<\/b><code>#008000<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"006400\" data-k=\"Verde oscuro darkgreen\" data-css=\"darkgreen\" style=\"--c:#006400\"><i aria-hidden=\"true\"><\/i><b>darkgreen<\/b><code>#006400<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"9ACD32\" data-k=\"Verde amarillento yellowgreen\" data-css=\"yellowgreen\" style=\"--c:#9ACD32\"><i aria-hidden=\"true\"><\/i><b>yellowgreen<\/b><code>#9ACD32<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"6B8E23\" data-k=\"Verde oliva apagado olivedrab\" data-css=\"olivedrab\" style=\"--c:#6B8E23\"><i aria-hidden=\"true\"><\/i><b>olivedrab<\/b><code>#6B8E23<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"808000\" data-k=\"Oliva olive\" data-css=\"olive\" style=\"--c:#808000\"><i aria-hidden=\"true\"><\/i><b>olive<\/b><code>#808000<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"556B2F\" data-k=\"Verde oliva oscuro darkolivegreen\" data-css=\"darkolivegreen\" style=\"--c:#556B2F\"><i aria-hidden=\"true\"><\/i><b>darkolivegreen<\/b><code>#556B2F<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"66CDAA\" data-k=\"Aguamarina medio mediumaquamarine\" data-css=\"mediumaquamarine\" style=\"--c:#66CDAA\"><i aria-hidden=\"true\"><\/i><b>mediumaquamarine<\/b><code>#66CDAA<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"8FBC8F\" data-k=\"Verde mar oscuro darkseagreen\" data-css=\"darkseagreen\" style=\"--c:#8FBC8F\"><i aria-hidden=\"true\"><\/i><b>darkseagreen<\/b><code>#8FBC8F<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"20B2AA\" data-k=\"Verde mar claro lightseagreen\" data-css=\"lightseagreen\" style=\"--c:#20B2AA\"><i aria-hidden=\"true\"><\/i><b>lightseagreen<\/b><code>#20B2AA<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"008B8B\" data-k=\"Cian oscuro darkcyan\" data-css=\"darkcyan\" style=\"--c:#008B8B\"><i aria-hidden=\"true\"><\/i><b>darkcyan<\/b><code>#008B8B<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"008080\" data-k=\"Verde azulado teal\" data-css=\"teal\" style=\"--c:#008080\"><i aria-hidden=\"true\"><\/i><b>teal<\/b><code>#008080<\/code><\/button><\/div><p class=\"dgt-sh\">Cyans and turquoises<\/p>\n<div class=\"dgt-cgrid\"><button type=\"button\" class=\"dgt-c\" data-h=\"00FFFF\" data-k=\"Aqua (cian) aqua cyan\" data-css=\"aqua\" style=\"--c:#00FFFF\"><i aria-hidden=\"true\"><\/i><b>aqua \/ cyan<\/b><code>#00FFFF<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"E0FFFF\" data-k=\"Cian claro lightcyan\" data-css=\"lightcyan\" style=\"--c:#E0FFFF\"><i aria-hidden=\"true\"><\/i><b>lightcyan<\/b><code>#E0FFFF<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"AFEEEE\" data-k=\"Turquesa p\u00e1lido paleturquoise\" data-css=\"paleturquoise\" style=\"--c:#AFEEEE\"><i aria-hidden=\"true\"><\/i><b>paleturquoise<\/b><code>#AFEEEE<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"7FFFD4\" data-k=\"Aguamarina aquamarine\" data-css=\"aquamarine\" style=\"--c:#7FFFD4\"><i aria-hidden=\"true\"><\/i><b>aquamarine<\/b><code>#7FFFD4<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"40E0D0\" data-k=\"Turquesa turquoise\" data-css=\"turquoise\" style=\"--c:#40E0D0\"><i aria-hidden=\"true\"><\/i><b>turquoise<\/b><code>#40E0D0<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"48D1CC\" data-k=\"Turquesa medio mediumturquoise\" data-css=\"mediumturquoise\" style=\"--c:#48D1CC\"><i aria-hidden=\"true\"><\/i><b>mediumturquoise<\/b><code>#48D1CC<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"00CED1\" data-k=\"Turquesa oscuro darkturquoise\" data-css=\"darkturquoise\" style=\"--c:#00CED1\"><i aria-hidden=\"true\"><\/i><b>darkturquoise<\/b><code>#00CED1<\/code><\/button><\/div><p class=\"dgt-sh\">Blues<\/p>\n<div class=\"dgt-cgrid\"><button type=\"button\" class=\"dgt-c\" data-h=\"5F9EA0\" data-k=\"Azul cadete cadetblue\" data-css=\"cadetblue\" style=\"--c:#5F9EA0\"><i aria-hidden=\"true\"><\/i><b>cadetblue<\/b><code>#5F9EA0<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"4682B4\" data-k=\"Azul acero steelblue\" data-css=\"steelblue\" style=\"--c:#4682B4\"><i aria-hidden=\"true\"><\/i><b>steelblue<\/b><code>#4682B4<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"B0C4DE\" data-k=\"Azul acero claro lightsteelblue\" data-css=\"lightsteelblue\" style=\"--c:#B0C4DE\"><i aria-hidden=\"true\"><\/i><b>lightsteelblue<\/b><code>#B0C4DE<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"ADD8E6\" data-k=\"Azul claro lightblue\" data-css=\"lightblue\" style=\"--c:#ADD8E6\"><i aria-hidden=\"true\"><\/i><b>lightblue<\/b><code>#ADD8E6<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"B0E0E6\" data-k=\"Azul polvo powderblue\" data-css=\"powderblue\" style=\"--c:#B0E0E6\"><i aria-hidden=\"true\"><\/i><b>powderblue<\/b><code>#B0E0E6<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"87CEFA\" data-k=\"Azul cielo claro lightskyblue\" data-css=\"lightskyblue\" style=\"--c:#87CEFA\"><i aria-hidden=\"true\"><\/i><b>lightskyblue<\/b><code>#87CEFA<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"87CEEB\" data-k=\"Azul cielo skyblue\" data-css=\"skyblue\" style=\"--c:#87CEEB\"><i aria-hidden=\"true\"><\/i><b>skyblue<\/b><code>#87CEEB<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"6495ED\" data-k=\"Azul aciano cornflowerblue\" data-css=\"cornflowerblue\" style=\"--c:#6495ED\"><i aria-hidden=\"true\"><\/i><b>cornflowerblue<\/b><code>#6495ED<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"00BFFF\" data-k=\"Azul cielo intenso deepskyblue\" data-css=\"deepskyblue\" style=\"--c:#00BFFF\"><i aria-hidden=\"true\"><\/i><b>deepskyblue<\/b><code>#00BFFF<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"1E90FF\" data-k=\"Azul Dodger dodgerblue\" data-css=\"dodgerblue\" style=\"--c:#1E90FF\"><i aria-hidden=\"true\"><\/i><b>dodgerblue<\/b><code>#1E90FF<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"4169E1\" data-k=\"Azul real royalblue\" data-css=\"royalblue\" style=\"--c:#4169E1\"><i aria-hidden=\"true\"><\/i><b>royalblue<\/b><code>#4169E1<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"0000FF\" data-k=\"Azul blue\" data-css=\"blue\" style=\"--c:#0000FF\"><i aria-hidden=\"true\"><\/i><b>blue<\/b><code>#0000FF<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"0000CD\" data-k=\"Azul medio mediumblue\" data-css=\"mediumblue\" style=\"--c:#0000CD\"><i aria-hidden=\"true\"><\/i><b>mediumblue<\/b><code>#0000CD<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"00008B\" data-k=\"Azul oscuro darkblue\" data-css=\"darkblue\" style=\"--c:#00008B\"><i aria-hidden=\"true\"><\/i><b>darkblue<\/b><code>#00008B<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"000080\" data-k=\"Azul marino navy\" data-css=\"navy\" style=\"--c:#000080\"><i aria-hidden=\"true\"><\/i><b>navy<\/b><code>#000080<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"191970\" data-k=\"Azul medianoche midnightblue\" data-css=\"midnightblue\" style=\"--c:#191970\"><i aria-hidden=\"true\"><\/i><b>midnightblue<\/b><code>#191970<\/code><\/button><\/div><p class=\"dgt-sh\">Purples and violets<\/p>\n<div class=\"dgt-cgrid\"><button type=\"button\" class=\"dgt-c\" data-h=\"E6E6FA\" data-k=\"Lavanda lavender\" data-css=\"lavender\" style=\"--c:#E6E6FA\"><i aria-hidden=\"true\"><\/i><b>lavender<\/b><code>#E6E6FA<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"D8BFD8\" data-k=\"Cardo thistle\" data-css=\"thistle\" style=\"--c:#D8BFD8\"><i aria-hidden=\"true\"><\/i><b>thistle<\/b><code>#D8BFD8<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"DDA0DD\" data-k=\"Ciruela plum\" data-css=\"plum\" style=\"--c:#DDA0DD\"><i aria-hidden=\"true\"><\/i><b>plum<\/b><code>#DDA0DD<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"DA70D6\" data-k=\"Orqu\u00eddea orchid\" data-css=\"orchid\" style=\"--c:#DA70D6\"><i aria-hidden=\"true\"><\/i><b>orchid<\/b><code>#DA70D6<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"EE82EE\" data-k=\"Violeta violet\" data-css=\"violet\" style=\"--c:#EE82EE\"><i aria-hidden=\"true\"><\/i><b>violet<\/b><code>#EE82EE<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FF00FF\" data-k=\"Fucsia fuchsia magenta\" data-css=\"fuchsia\" style=\"--c:#FF00FF\"><i aria-hidden=\"true\"><\/i><b>fuchsia \/ magenta<\/b><code>#FF00FF<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"BA55D3\" data-k=\"Orqu\u00eddea medio mediumorchid\" data-css=\"mediumorchid\" style=\"--c:#BA55D3\"><i aria-hidden=\"true\"><\/i><b>mediumorchid<\/b><code>#BA55D3<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"9932CC\" data-k=\"Orqu\u00eddea oscuro darkorchid\" data-css=\"darkorchid\" style=\"--c:#9932CC\"><i aria-hidden=\"true\"><\/i><b>darkorchid<\/b><code>#9932CC<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"9400D3\" data-k=\"Violeta oscuro darkviolet\" data-css=\"darkviolet\" style=\"--c:#9400D3\"><i aria-hidden=\"true\"><\/i><b>darkviolet<\/b><code>#9400D3<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"8A2BE2\" data-k=\"Azul violeta blueviolet\" data-css=\"blueviolet\" style=\"--c:#8A2BE2\"><i aria-hidden=\"true\"><\/i><b>blueviolet<\/b><code>#8A2BE2<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"8B008B\" data-k=\"Magenta oscuro darkmagenta\" data-css=\"darkmagenta\" style=\"--c:#8B008B\"><i aria-hidden=\"true\"><\/i><b>darkmagenta<\/b><code>#8B008B<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"800080\" data-k=\"P\u00farpura purple\" data-css=\"purple\" style=\"--c:#800080\"><i aria-hidden=\"true\"><\/i><b>purple<\/b><code>#800080<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"9370DB\" data-k=\"P\u00farpura medio mediumpurple\" data-css=\"mediumpurple\" style=\"--c:#9370DB\"><i aria-hidden=\"true\"><\/i><b>mediumpurple<\/b><code>#9370DB<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"7B68EE\" data-k=\"Azul pizarra medio mediumslateblue\" data-css=\"mediumslateblue\" style=\"--c:#7B68EE\"><i aria-hidden=\"true\"><\/i><b>mediumslateblue<\/b><code>#7B68EE<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"6A5ACD\" data-k=\"Azul pizarra slateblue\" data-css=\"slateblue\" style=\"--c:#6A5ACD\"><i aria-hidden=\"true\"><\/i><b>slateblue<\/b><code>#6A5ACD<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"483D8B\" data-k=\"Azul pizarra oscuro darkslateblue\" data-css=\"darkslateblue\" style=\"--c:#483D8B\"><i aria-hidden=\"true\"><\/i><b>darkslateblue<\/b><code>#483D8B<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"663399\" data-k=\"P\u00farpura Rebecca rebeccapurple\" data-css=\"rebeccapurple\" style=\"--c:#663399\"><i aria-hidden=\"true\"><\/i><b>rebeccapurple<\/b><code>#663399<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"4B0082\" data-k=\"\u00cdndigo indigo\" data-css=\"indigo\" style=\"--c:#4B0082\"><i aria-hidden=\"true\"><\/i><b>indigo<\/b><code>#4B0082<\/code><\/button><\/div><p class=\"dgt-sh\">Browns<\/p>\n<div class=\"dgt-cgrid\"><button type=\"button\" class=\"dgt-c\" data-h=\"FFF8DC\" data-k=\"Seda de ma\u00edz cornsilk\" data-css=\"cornsilk\" style=\"--c:#FFF8DC\"><i aria-hidden=\"true\"><\/i><b>cornsilk<\/b><code>#FFF8DC<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFEBCD\" data-k=\"Almendra blanqueada blanchedalmond\" data-css=\"blanchedalmond\" style=\"--c:#FFEBCD\"><i aria-hidden=\"true\"><\/i><b>blanchedalmond<\/b><code>#FFEBCD<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFE4C4\" data-k=\"Bizcocho bisque\" data-css=\"bisque\" style=\"--c:#FFE4C4\"><i aria-hidden=\"true\"><\/i><b>bisque<\/b><code>#FFE4C4<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFDEAD\" data-k=\"Blanco navajo navajowhite\" data-css=\"navajowhite\" style=\"--c:#FFDEAD\"><i aria-hidden=\"true\"><\/i><b>navajowhite<\/b><code>#FFDEAD<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"F5DEB3\" data-k=\"Trigo wheat\" data-css=\"wheat\" style=\"--c:#F5DEB3\"><i aria-hidden=\"true\"><\/i><b>wheat<\/b><code>#F5DEB3<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"DEB887\" data-k=\"Madera burlywood\" data-css=\"burlywood\" style=\"--c:#DEB887\"><i aria-hidden=\"true\"><\/i><b>burlywood<\/b><code>#DEB887<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"D2B48C\" data-k=\"Tostado tan\" data-css=\"tan\" style=\"--c:#D2B48C\"><i aria-hidden=\"true\"><\/i><b>tan<\/b><code>#D2B48C<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"BC8F8F\" data-k=\"Marr\u00f3n rosado rosybrown\" data-css=\"rosybrown\" style=\"--c:#BC8F8F\"><i aria-hidden=\"true\"><\/i><b>rosybrown<\/b><code>#BC8F8F<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"F4A460\" data-k=\"Marr\u00f3n arena sandybrown\" data-css=\"sandybrown\" style=\"--c:#F4A460\"><i aria-hidden=\"true\"><\/i><b>sandybrown<\/b><code>#F4A460<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"DAA520\" data-k=\"Vara de oro goldenrod\" data-css=\"goldenrod\" style=\"--c:#DAA520\"><i aria-hidden=\"true\"><\/i><b>goldenrod<\/b><code>#DAA520<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"B8860B\" data-k=\"Vara de oro oscuro darkgoldenrod\" data-css=\"darkgoldenrod\" style=\"--c:#B8860B\"><i aria-hidden=\"true\"><\/i><b>darkgoldenrod<\/b><code>#B8860B<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"CD853F\" data-k=\"Per\u00fa (marr\u00f3n claro) peru\" data-css=\"peru\" style=\"--c:#CD853F\"><i aria-hidden=\"true\"><\/i><b>peru<\/b><code>#CD853F<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"D2691E\" data-k=\"Chocolate chocolate\" data-css=\"chocolate\" style=\"--c:#D2691E\"><i aria-hidden=\"true\"><\/i><b>chocolate<\/b><code>#D2691E<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"8B4513\" data-k=\"Marr\u00f3n cuero saddlebrown\" data-css=\"saddlebrown\" style=\"--c:#8B4513\"><i aria-hidden=\"true\"><\/i><b>saddlebrown<\/b><code>#8B4513<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"A0522D\" data-k=\"Siena sienna\" data-css=\"sienna\" style=\"--c:#A0522D\"><i aria-hidden=\"true\"><\/i><b>sienna<\/b><code>#A0522D<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"A52A2A\" data-k=\"Marr\u00f3n brown\" data-css=\"brown\" style=\"--c:#A52A2A\"><i aria-hidden=\"true\"><\/i><b>brown<\/b><code>#A52A2A<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"800000\" data-k=\"Granate maroon\" data-css=\"maroon\" style=\"--c:#800000\"><i aria-hidden=\"true\"><\/i><b>maroon<\/b><code>#800000<\/code><\/button><\/div><p class=\"dgt-sh\">Whites<\/p>\n<div class=\"dgt-cgrid\"><button type=\"button\" class=\"dgt-c\" data-h=\"FFFFFF\" data-k=\"Blanco white\" data-css=\"white\" style=\"--c:#FFFFFF\"><i aria-hidden=\"true\"><\/i><b>white<\/b><code>#FFFFFF<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFFAFA\" data-k=\"Nieve snow\" data-css=\"snow\" style=\"--c:#FFFAFA\"><i aria-hidden=\"true\"><\/i><b>snow<\/b><code>#FFFAFA<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"F0FFF0\" data-k=\"Mel\u00f3n dulce honeydew\" data-css=\"honeydew\" style=\"--c:#F0FFF0\"><i aria-hidden=\"true\"><\/i><b>honeydew<\/b><code>#F0FFF0<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"F5FFFA\" data-k=\"Crema de menta mintcream\" data-css=\"mintcream\" style=\"--c:#F5FFFA\"><i aria-hidden=\"true\"><\/i><b>mintcream<\/b><code>#F5FFFA<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"F0FFFF\" data-k=\"Azur azure\" data-css=\"azure\" style=\"--c:#F0FFFF\"><i aria-hidden=\"true\"><\/i><b>azure<\/b><code>#F0FFFF<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"F0F8FF\" data-k=\"Azul Alicia aliceblue\" data-css=\"aliceblue\" style=\"--c:#F0F8FF\"><i aria-hidden=\"true\"><\/i><b>aliceblue<\/b><code>#F0F8FF<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"F8F8FF\" data-k=\"Blanco fantasma ghostwhite\" data-css=\"ghostwhite\" style=\"--c:#F8F8FF\"><i aria-hidden=\"true\"><\/i><b>ghostwhite<\/b><code>#F8F8FF<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"F5F5F5\" data-k=\"Humo blanco whitesmoke\" data-css=\"whitesmoke\" style=\"--c:#F5F5F5\"><i aria-hidden=\"true\"><\/i><b>whitesmoke<\/b><code>#F5F5F5<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFF5EE\" data-k=\"Concha marina seashell\" data-css=\"seashell\" style=\"--c:#FFF5EE\"><i aria-hidden=\"true\"><\/i><b>seashell<\/b><code>#FFF5EE<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"F5F5DC\" data-k=\"Beige beige\" data-css=\"beige\" style=\"--c:#F5F5DC\"><i aria-hidden=\"true\"><\/i><b>beige<\/b><code>#F5F5DC<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FDF5E6\" data-k=\"Encaje antiguo oldlace\" data-css=\"oldlace\" style=\"--c:#FDF5E6\"><i aria-hidden=\"true\"><\/i><b>oldlace<\/b><code>#FDF5E6<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFFAF0\" data-k=\"Blanco floral floralwhite\" data-css=\"floralwhite\" style=\"--c:#FFFAF0\"><i aria-hidden=\"true\"><\/i><b>floralwhite<\/b><code>#FFFAF0<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFFFF0\" data-k=\"Marfil ivory\" data-css=\"ivory\" style=\"--c:#FFFFF0\"><i aria-hidden=\"true\"><\/i><b>ivory<\/b><code>#FFFFF0<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FAEBD7\" data-k=\"Blanco antiguo antiquewhite\" data-css=\"antiquewhite\" style=\"--c:#FAEBD7\"><i aria-hidden=\"true\"><\/i><b>antiquewhite<\/b><code>#FAEBD7<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FAF0E6\" data-k=\"Lino linen\" data-css=\"linen\" style=\"--c:#FAF0E6\"><i aria-hidden=\"true\"><\/i><b>linen<\/b><code>#FAF0E6<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFF0F5\" data-k=\"Lavanda rubor lavenderblush\" data-css=\"lavenderblush\" style=\"--c:#FFF0F5\"><i aria-hidden=\"true\"><\/i><b>lavenderblush<\/b><code>#FFF0F5<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFE4E1\" data-k=\"Rosa brumoso mistyrose\" data-css=\"mistyrose\" style=\"--c:#FFE4E1\"><i aria-hidden=\"true\"><\/i><b>mistyrose<\/b><code>#FFE4E1<\/code><\/button><\/div><p class=\"dgt-sh\">Grays and black<\/p>\n<div class=\"dgt-cgrid\"><button type=\"button\" class=\"dgt-c\" data-h=\"DCDCDC\" data-k=\"Gris Gainsboro gainsboro\" data-css=\"gainsboro\" style=\"--c:#DCDCDC\"><i aria-hidden=\"true\"><\/i><b>gainsboro<\/b><code>#DCDCDC<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"D3D3D3\" data-k=\"Gris claro lightgray lightgrey\" data-css=\"lightgray\" style=\"--c:#D3D3D3\"><i aria-hidden=\"true\"><\/i><b>lightgray \/ lightgrey<\/b><code>#D3D3D3<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"C0C0C0\" data-k=\"Plata silver\" data-css=\"silver\" style=\"--c:#C0C0C0\"><i aria-hidden=\"true\"><\/i><b>silver<\/b><code>#C0C0C0<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"A9A9A9\" data-k=\"Gris oscuro darkgray darkgrey\" data-css=\"darkgray\" style=\"--c:#A9A9A9\"><i aria-hidden=\"true\"><\/i><b>darkgray \/ darkgrey<\/b><code>#A9A9A9<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"808080\" data-k=\"Gris gray grey\" data-css=\"gray\" style=\"--c:#808080\"><i aria-hidden=\"true\"><\/i><b>gray \/ grey<\/b><code>#808080<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"696969\" data-k=\"Gris apagado dimgray dimgrey\" data-css=\"dimgray\" style=\"--c:#696969\"><i aria-hidden=\"true\"><\/i><b>dimgray \/ dimgrey<\/b><code>#696969<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"778899\" data-k=\"Gris pizarra claro lightslategray lightslategrey\" data-css=\"lightslategray\" style=\"--c:#778899\"><i aria-hidden=\"true\"><\/i><b>lightslategray \/ lightslategrey<\/b><code>#778899<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"708090\" data-k=\"Gris pizarra slategray slategrey\" data-css=\"slategray\" style=\"--c:#708090\"><i aria-hidden=\"true\"><\/i><b>slategray \/ slategrey<\/b><code>#708090<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"2F4F4F\" data-k=\"Gris pizarra oscuro darkslategray darkslategrey\" data-css=\"darkslategray\" style=\"--c:#2F4F4F\"><i aria-hidden=\"true\"><\/i><b>darkslategray \/ darkslategrey<\/b><code>#2F4F4F<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"000000\" data-k=\"Negro black\" data-css=\"black\" style=\"--c:#000000\"><i aria-hidden=\"true\"><\/i><b>black<\/b><code>#000000<\/code><\/button><\/div>\n<\/section>\n<section class=\"dgt-grp\" id=\"dgt-g-tonos\" data-g=\"tonos\" aria-labelledby=\"dgt-gh-tonos\">\n<div class=\"dgt-grp-h\"><h2 class=\"dgt-gh dgv-grad\" id=\"dgt-gh-tonos\">Tailwind Colors: Palette Shades from 50 to 950<\/h2><p class=\"dgt-gd\">The 22 Tailwind CSS 3 colors, each in 11 shades from the lightest (50) to the darkest (950).<\/p><\/div>\n<div class=\"dgt-tones-t\"><div class=\"dgt-trow\"><b>Slate<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F8FAFC\" data-k=\"Pizarra Slate slate 50\" style=\"--c:#F8FAFC\" aria-label=\"Slate 50 #F8FAFC\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F1F5F9\" data-k=\"Pizarra Slate slate 100\" style=\"--c:#F1F5F9\" aria-label=\"Slate 100 #F1F5F9\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"E2E8F0\" data-k=\"Pizarra Slate slate 200\" style=\"--c:#E2E8F0\" aria-label=\"Slate 200 #E2E8F0\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"CBD5E1\" data-k=\"Pizarra Slate slate 300\" style=\"--c:#CBD5E1\" aria-label=\"Slate 300 #CBD5E1\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"94A3B8\" data-k=\"Pizarra Slate slate 400\" style=\"--c:#94A3B8\" aria-label=\"Slate 400 #94A3B8\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"64748B\" data-k=\"Pizarra Slate slate 500\" style=\"--c:#64748B\" aria-label=\"Slate 500 #64748B\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"475569\" data-k=\"Pizarra Slate slate 600\" style=\"--c:#475569\" aria-label=\"Slate 600 #475569\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"334155\" data-k=\"Pizarra Slate slate 700\" style=\"--c:#334155\" aria-label=\"Slate 700 #334155\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"1E293B\" data-k=\"Pizarra Slate slate 800\" style=\"--c:#1E293B\" aria-label=\"Slate 800 #1E293B\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"0F172A\" data-k=\"Pizarra Slate slate 900\" style=\"--c:#0F172A\" aria-label=\"Slate 900 #0F172A\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"020617\" data-k=\"Pizarra Slate slate 950\" style=\"--c:#020617\" aria-label=\"Slate 950 #020617\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Gray<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F9FAFB\" data-k=\"Gris Gray gray 50\" style=\"--c:#F9FAFB\" aria-label=\"Gray 50 #F9FAFB\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F3F4F6\" data-k=\"Gris Gray gray 100\" style=\"--c:#F3F4F6\" aria-label=\"Gray 100 #F3F4F6\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"E5E7EB\" data-k=\"Gris Gray gray 200\" style=\"--c:#E5E7EB\" aria-label=\"Gray 200 #E5E7EB\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"D1D5DB\" data-k=\"Gris Gray gray 300\" style=\"--c:#D1D5DB\" aria-label=\"Gray 300 #D1D5DB\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"9CA3AF\" data-k=\"Gris Gray gray 400\" style=\"--c:#9CA3AF\" aria-label=\"Gray 400 #9CA3AF\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"6B7280\" data-k=\"Gris Gray gray 500\" style=\"--c:#6B7280\" aria-label=\"Gray 500 #6B7280\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"4B5563\" data-k=\"Gris Gray gray 600\" style=\"--c:#4B5563\" aria-label=\"Gray 600 #4B5563\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"374151\" data-k=\"Gris Gray gray 700\" style=\"--c:#374151\" aria-label=\"Gray 700 #374151\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"1F2937\" data-k=\"Gris Gray gray 800\" style=\"--c:#1F2937\" aria-label=\"Gray 800 #1F2937\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"111827\" data-k=\"Gris Gray gray 900\" style=\"--c:#111827\" aria-label=\"Gray 900 #111827\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"030712\" data-k=\"Gris Gray gray 950\" style=\"--c:#030712\" aria-label=\"Gray 950 #030712\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Zinc<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FAFAFA\" data-k=\"Zinc Zinc zinc 50\" style=\"--c:#FAFAFA\" aria-label=\"Zinc 50 #FAFAFA\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F4F4F5\" data-k=\"Zinc Zinc zinc 100\" style=\"--c:#F4F4F5\" aria-label=\"Zinc 100 #F4F4F5\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"E4E4E7\" data-k=\"Zinc Zinc zinc 200\" style=\"--c:#E4E4E7\" aria-label=\"Zinc 200 #E4E4E7\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"D4D4D8\" data-k=\"Zinc Zinc zinc 300\" style=\"--c:#D4D4D8\" aria-label=\"Zinc 300 #D4D4D8\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"A1A1AA\" data-k=\"Zinc Zinc zinc 400\" style=\"--c:#A1A1AA\" aria-label=\"Zinc 400 #A1A1AA\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"71717A\" data-k=\"Zinc Zinc zinc 500\" style=\"--c:#71717A\" aria-label=\"Zinc 500 #71717A\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"52525B\" data-k=\"Zinc Zinc zinc 600\" style=\"--c:#52525B\" aria-label=\"Zinc 600 #52525B\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"3F3F46\" data-k=\"Zinc Zinc zinc 700\" style=\"--c:#3F3F46\" aria-label=\"Zinc 700 #3F3F46\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"27272A\" data-k=\"Zinc Zinc zinc 800\" style=\"--c:#27272A\" aria-label=\"Zinc 800 #27272A\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"18181B\" data-k=\"Zinc Zinc zinc 900\" style=\"--c:#18181B\" aria-label=\"Zinc 900 #18181B\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"09090B\" data-k=\"Zinc Zinc zinc 950\" style=\"--c:#09090B\" aria-label=\"Zinc 950 #09090B\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Neutral<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FAFAFA\" data-k=\"Neutro Neutral neutral 50\" style=\"--c:#FAFAFA\" aria-label=\"Neutral 50 #FAFAFA\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F5F5F5\" data-k=\"Neutro Neutral neutral 100\" style=\"--c:#F5F5F5\" aria-label=\"Neutral 100 #F5F5F5\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"E5E5E5\" data-k=\"Neutro Neutral neutral 200\" style=\"--c:#E5E5E5\" aria-label=\"Neutral 200 #E5E5E5\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"D4D4D4\" data-k=\"Neutro Neutral neutral 300\" style=\"--c:#D4D4D4\" aria-label=\"Neutral 300 #D4D4D4\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"A3A3A3\" data-k=\"Neutro Neutral neutral 400\" style=\"--c:#A3A3A3\" aria-label=\"Neutral 400 #A3A3A3\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"737373\" data-k=\"Neutro Neutral neutral 500\" style=\"--c:#737373\" aria-label=\"Neutral 500 #737373\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"525252\" data-k=\"Neutro Neutral neutral 600\" style=\"--c:#525252\" aria-label=\"Neutral 600 #525252\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"404040\" data-k=\"Neutro Neutral neutral 700\" style=\"--c:#404040\" aria-label=\"Neutral 700 #404040\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"262626\" data-k=\"Neutro Neutral neutral 800\" style=\"--c:#262626\" aria-label=\"Neutral 800 #262626\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"171717\" data-k=\"Neutro Neutral neutral 900\" style=\"--c:#171717\" aria-label=\"Neutral 900 #171717\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"0A0A0A\" data-k=\"Neutro Neutral neutral 950\" style=\"--c:#0A0A0A\" aria-label=\"Neutral 950 #0A0A0A\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Stone<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FAFAF9\" data-k=\"Piedra Stone stone 50\" style=\"--c:#FAFAF9\" aria-label=\"Stone 50 #FAFAF9\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F5F5F4\" data-k=\"Piedra Stone stone 100\" style=\"--c:#F5F5F4\" aria-label=\"Stone 100 #F5F5F4\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"E7E5E4\" data-k=\"Piedra Stone stone 200\" style=\"--c:#E7E5E4\" aria-label=\"Stone 200 #E7E5E4\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"D6D3D1\" data-k=\"Piedra Stone stone 300\" style=\"--c:#D6D3D1\" aria-label=\"Stone 300 #D6D3D1\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"A8A29E\" data-k=\"Piedra Stone stone 400\" style=\"--c:#A8A29E\" aria-label=\"Stone 400 #A8A29E\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"78716C\" data-k=\"Piedra Stone stone 500\" style=\"--c:#78716C\" aria-label=\"Stone 500 #78716C\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"57534E\" data-k=\"Piedra Stone stone 600\" style=\"--c:#57534E\" aria-label=\"Stone 600 #57534E\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"44403C\" data-k=\"Piedra Stone stone 700\" style=\"--c:#44403C\" aria-label=\"Stone 700 #44403C\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"292524\" data-k=\"Piedra Stone stone 800\" style=\"--c:#292524\" aria-label=\"Stone 800 #292524\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"1C1917\" data-k=\"Piedra Stone stone 900\" style=\"--c:#1C1917\" aria-label=\"Stone 900 #1C1917\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"0C0A09\" data-k=\"Piedra Stone stone 950\" style=\"--c:#0C0A09\" aria-label=\"Stone 950 #0C0A09\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Red<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FEF2F2\" data-k=\"Rojo Red red 50\" style=\"--c:#FEF2F2\" aria-label=\"Red 50 #FEF2F2\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FEE2E2\" data-k=\"Rojo Red red 100\" style=\"--c:#FEE2E2\" aria-label=\"Red 100 #FEE2E2\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FECACA\" data-k=\"Rojo Red red 200\" style=\"--c:#FECACA\" aria-label=\"Red 200 #FECACA\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FCA5A5\" data-k=\"Rojo Red red 300\" style=\"--c:#FCA5A5\" aria-label=\"Red 300 #FCA5A5\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F87171\" data-k=\"Rojo Red red 400\" style=\"--c:#F87171\" aria-label=\"Red 400 #F87171\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"EF4444\" data-k=\"Rojo Red red 500\" style=\"--c:#EF4444\" aria-label=\"Red 500 #EF4444\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"DC2626\" data-k=\"Rojo Red red 600\" style=\"--c:#DC2626\" aria-label=\"Red 600 #DC2626\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"B91C1C\" data-k=\"Rojo Red red 700\" style=\"--c:#B91C1C\" aria-label=\"Red 700 #B91C1C\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"991B1B\" data-k=\"Rojo Red red 800\" style=\"--c:#991B1B\" aria-label=\"Red 800 #991B1B\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"7F1D1D\" data-k=\"Rojo Red red 900\" style=\"--c:#7F1D1D\" aria-label=\"Red 900 #7F1D1D\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"450A0A\" data-k=\"Rojo Red red 950\" style=\"--c:#450A0A\" aria-label=\"Red 950 #450A0A\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Orange<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FFF7ED\" data-k=\"Naranja Orange orange 50\" style=\"--c:#FFF7ED\" aria-label=\"Orange 50 #FFF7ED\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FFEDD5\" data-k=\"Naranja Orange orange 100\" style=\"--c:#FFEDD5\" aria-label=\"Orange 100 #FFEDD5\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FED7AA\" data-k=\"Naranja Orange orange 200\" style=\"--c:#FED7AA\" aria-label=\"Orange 200 #FED7AA\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FDBA74\" data-k=\"Naranja Orange orange 300\" style=\"--c:#FDBA74\" aria-label=\"Orange 300 #FDBA74\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FB923C\" data-k=\"Naranja Orange orange 400\" style=\"--c:#FB923C\" aria-label=\"Orange 400 #FB923C\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F97316\" data-k=\"Naranja Orange orange 500\" style=\"--c:#F97316\" aria-label=\"Orange 500 #F97316\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"EA580C\" data-k=\"Naranja Orange orange 600\" style=\"--c:#EA580C\" aria-label=\"Orange 600 #EA580C\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"C2410C\" data-k=\"Naranja Orange orange 700\" style=\"--c:#C2410C\" aria-label=\"Orange 700 #C2410C\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"9A3412\" data-k=\"Naranja Orange orange 800\" style=\"--c:#9A3412\" aria-label=\"Orange 800 #9A3412\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"7C2D12\" data-k=\"Naranja Orange orange 900\" style=\"--c:#7C2D12\" aria-label=\"Orange 900 #7C2D12\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"431407\" data-k=\"Naranja Orange orange 950\" style=\"--c:#431407\" aria-label=\"Orange 950 #431407\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Amber<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FFFBEB\" data-k=\"\u00c1mbar Amber amber 50\" style=\"--c:#FFFBEB\" aria-label=\"Amber 50 #FFFBEB\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FEF3C7\" data-k=\"\u00c1mbar Amber amber 100\" style=\"--c:#FEF3C7\" aria-label=\"Amber 100 #FEF3C7\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FDE68A\" data-k=\"\u00c1mbar Amber amber 200\" style=\"--c:#FDE68A\" aria-label=\"Amber 200 #FDE68A\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FCD34D\" data-k=\"\u00c1mbar Amber amber 300\" style=\"--c:#FCD34D\" aria-label=\"Amber 300 #FCD34D\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FBBF24\" data-k=\"\u00c1mbar Amber amber 400\" style=\"--c:#FBBF24\" aria-label=\"Amber 400 #FBBF24\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F59E0B\" data-k=\"\u00c1mbar Amber amber 500\" style=\"--c:#F59E0B\" aria-label=\"Amber 500 #F59E0B\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"D97706\" data-k=\"\u00c1mbar Amber amber 600\" style=\"--c:#D97706\" aria-label=\"Amber 600 #D97706\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"B45309\" data-k=\"\u00c1mbar Amber amber 700\" style=\"--c:#B45309\" aria-label=\"Amber 700 #B45309\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"92400E\" data-k=\"\u00c1mbar Amber amber 800\" style=\"--c:#92400E\" aria-label=\"Amber 800 #92400E\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"78350F\" data-k=\"\u00c1mbar Amber amber 900\" style=\"--c:#78350F\" aria-label=\"Amber 900 #78350F\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"451A03\" data-k=\"\u00c1mbar Amber amber 950\" style=\"--c:#451A03\" aria-label=\"Amber 950 #451A03\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Yellow<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FEFCE8\" data-k=\"Amarillo Yellow yellow 50\" style=\"--c:#FEFCE8\" aria-label=\"Yellow 50 #FEFCE8\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FEF9C3\" data-k=\"Amarillo Yellow yellow 100\" style=\"--c:#FEF9C3\" aria-label=\"Yellow 100 #FEF9C3\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FEF08A\" data-k=\"Amarillo Yellow yellow 200\" style=\"--c:#FEF08A\" aria-label=\"Yellow 200 #FEF08A\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FDE047\" data-k=\"Amarillo Yellow yellow 300\" style=\"--c:#FDE047\" aria-label=\"Yellow 300 #FDE047\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FACC15\" data-k=\"Amarillo Yellow yellow 400\" style=\"--c:#FACC15\" aria-label=\"Yellow 400 #FACC15\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"EAB308\" data-k=\"Amarillo Yellow yellow 500\" style=\"--c:#EAB308\" aria-label=\"Yellow 500 #EAB308\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"CA8A04\" data-k=\"Amarillo Yellow yellow 600\" style=\"--c:#CA8A04\" aria-label=\"Yellow 600 #CA8A04\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"A16207\" data-k=\"Amarillo Yellow yellow 700\" style=\"--c:#A16207\" aria-label=\"Yellow 700 #A16207\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"854D0E\" data-k=\"Amarillo Yellow yellow 800\" style=\"--c:#854D0E\" aria-label=\"Yellow 800 #854D0E\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"713F12\" data-k=\"Amarillo Yellow yellow 900\" style=\"--c:#713F12\" aria-label=\"Yellow 900 #713F12\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"422006\" data-k=\"Amarillo Yellow yellow 950\" style=\"--c:#422006\" aria-label=\"Yellow 950 #422006\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Lime<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F7FEE7\" data-k=\"Lima Lime lime 50\" style=\"--c:#F7FEE7\" aria-label=\"Lime 50 #F7FEE7\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"ECFCCB\" data-k=\"Lima Lime lime 100\" style=\"--c:#ECFCCB\" aria-label=\"Lime 100 #ECFCCB\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"D9F99D\" data-k=\"Lima Lime lime 200\" style=\"--c:#D9F99D\" aria-label=\"Lime 200 #D9F99D\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"BEF264\" data-k=\"Lima Lime lime 300\" style=\"--c:#BEF264\" aria-label=\"Lime 300 #BEF264\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"A3E635\" data-k=\"Lima Lime lime 400\" style=\"--c:#A3E635\" aria-label=\"Lime 400 #A3E635\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"84CC16\" data-k=\"Lima Lime lime 500\" style=\"--c:#84CC16\" aria-label=\"Lime 500 #84CC16\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"65A30D\" data-k=\"Lima Lime lime 600\" style=\"--c:#65A30D\" aria-label=\"Lime 600 #65A30D\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"4D7C0F\" data-k=\"Lima Lime lime 700\" style=\"--c:#4D7C0F\" aria-label=\"Lime 700 #4D7C0F\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"3F6212\" data-k=\"Lima Lime lime 800\" style=\"--c:#3F6212\" aria-label=\"Lime 800 #3F6212\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"365314\" data-k=\"Lima Lime lime 900\" style=\"--c:#365314\" aria-label=\"Lime 900 #365314\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"1A2E05\" data-k=\"Lima Lime lime 950\" style=\"--c:#1A2E05\" aria-label=\"Lime 950 #1A2E05\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Green<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F0FDF4\" data-k=\"Verde Green green 50\" style=\"--c:#F0FDF4\" aria-label=\"Green 50 #F0FDF4\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"DCFCE7\" data-k=\"Verde Green green 100\" style=\"--c:#DCFCE7\" aria-label=\"Green 100 #DCFCE7\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"BBF7D0\" data-k=\"Verde Green green 200\" style=\"--c:#BBF7D0\" aria-label=\"Green 200 #BBF7D0\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"86EFAC\" data-k=\"Verde Green green 300\" style=\"--c:#86EFAC\" aria-label=\"Green 300 #86EFAC\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"4ADE80\" data-k=\"Verde Green green 400\" style=\"--c:#4ADE80\" aria-label=\"Green 400 #4ADE80\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"22C55E\" data-k=\"Verde Green green 500\" style=\"--c:#22C55E\" aria-label=\"Green 500 #22C55E\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"16A34A\" data-k=\"Verde Green green 600\" style=\"--c:#16A34A\" aria-label=\"Green 600 #16A34A\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"15803D\" data-k=\"Verde Green green 700\" style=\"--c:#15803D\" aria-label=\"Green 700 #15803D\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"166534\" data-k=\"Verde Green green 800\" style=\"--c:#166534\" aria-label=\"Green 800 #166534\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"14532D\" data-k=\"Verde Green green 900\" style=\"--c:#14532D\" aria-label=\"Green 900 #14532D\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"052E16\" data-k=\"Verde Green green 950\" style=\"--c:#052E16\" aria-label=\"Green 950 #052E16\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Emerald<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"ECFDF5\" data-k=\"Esmeralda Emerald emerald 50\" style=\"--c:#ECFDF5\" aria-label=\"Emerald 50 #ECFDF5\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"D1FAE5\" data-k=\"Esmeralda Emerald emerald 100\" style=\"--c:#D1FAE5\" aria-label=\"Emerald 100 #D1FAE5\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"A7F3D0\" data-k=\"Esmeralda Emerald emerald 200\" style=\"--c:#A7F3D0\" aria-label=\"Emerald 200 #A7F3D0\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"6EE7B7\" data-k=\"Esmeralda Emerald emerald 300\" style=\"--c:#6EE7B7\" aria-label=\"Emerald 300 #6EE7B7\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"34D399\" data-k=\"Esmeralda Emerald emerald 400\" style=\"--c:#34D399\" aria-label=\"Emerald 400 #34D399\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"10B981\" data-k=\"Esmeralda Emerald emerald 500\" style=\"--c:#10B981\" aria-label=\"Emerald 500 #10B981\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"059669\" data-k=\"Esmeralda Emerald emerald 600\" style=\"--c:#059669\" aria-label=\"Emerald 600 #059669\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"047857\" data-k=\"Esmeralda Emerald emerald 700\" style=\"--c:#047857\" aria-label=\"Emerald 700 #047857\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"065F46\" data-k=\"Esmeralda Emerald emerald 800\" style=\"--c:#065F46\" aria-label=\"Emerald 800 #065F46\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"064E3B\" data-k=\"Esmeralda Emerald emerald 900\" style=\"--c:#064E3B\" aria-label=\"Emerald 900 #064E3B\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"022C22\" data-k=\"Esmeralda Emerald emerald 950\" style=\"--c:#022C22\" aria-label=\"Emerald 950 #022C22\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Teal<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F0FDFA\" data-k=\"Verde azulado Teal teal 50\" style=\"--c:#F0FDFA\" aria-label=\"Teal 50 #F0FDFA\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"CCFBF1\" data-k=\"Verde azulado Teal teal 100\" style=\"--c:#CCFBF1\" aria-label=\"Teal 100 #CCFBF1\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"99F6E4\" data-k=\"Verde azulado Teal teal 200\" style=\"--c:#99F6E4\" aria-label=\"Teal 200 #99F6E4\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"5EEAD4\" data-k=\"Verde azulado Teal teal 300\" style=\"--c:#5EEAD4\" aria-label=\"Teal 300 #5EEAD4\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"2DD4BF\" data-k=\"Verde azulado Teal teal 400\" style=\"--c:#2DD4BF\" aria-label=\"Teal 400 #2DD4BF\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"14B8A6\" data-k=\"Verde azulado Teal teal 500\" style=\"--c:#14B8A6\" aria-label=\"Teal 500 #14B8A6\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"0D9488\" data-k=\"Verde azulado Teal teal 600\" style=\"--c:#0D9488\" aria-label=\"Teal 600 #0D9488\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"0F766E\" data-k=\"Verde azulado Teal teal 700\" style=\"--c:#0F766E\" aria-label=\"Teal 700 #0F766E\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"115E59\" data-k=\"Verde azulado Teal teal 800\" style=\"--c:#115E59\" aria-label=\"Teal 800 #115E59\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"134E4A\" data-k=\"Verde azulado Teal teal 900\" style=\"--c:#134E4A\" aria-label=\"Teal 900 #134E4A\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"042F2E\" data-k=\"Verde azulado Teal teal 950\" style=\"--c:#042F2E\" aria-label=\"Teal 950 #042F2E\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Cyan<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"ECFEFF\" data-k=\"Cian Cyan cyan 50\" style=\"--c:#ECFEFF\" aria-label=\"Cyan 50 #ECFEFF\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"CFFAFE\" data-k=\"Cian Cyan cyan 100\" style=\"--c:#CFFAFE\" aria-label=\"Cyan 100 #CFFAFE\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"A5F3FC\" data-k=\"Cian Cyan cyan 200\" style=\"--c:#A5F3FC\" aria-label=\"Cyan 200 #A5F3FC\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"67E8F9\" data-k=\"Cian Cyan cyan 300\" style=\"--c:#67E8F9\" aria-label=\"Cyan 300 #67E8F9\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"22D3EE\" data-k=\"Cian Cyan cyan 400\" style=\"--c:#22D3EE\" aria-label=\"Cyan 400 #22D3EE\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"06B6D4\" data-k=\"Cian Cyan cyan 500\" style=\"--c:#06B6D4\" aria-label=\"Cyan 500 #06B6D4\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"0891B2\" data-k=\"Cian Cyan cyan 600\" style=\"--c:#0891B2\" aria-label=\"Cyan 600 #0891B2\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"0E7490\" data-k=\"Cian Cyan cyan 700\" style=\"--c:#0E7490\" aria-label=\"Cyan 700 #0E7490\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"155E75\" data-k=\"Cian Cyan cyan 800\" style=\"--c:#155E75\" aria-label=\"Cyan 800 #155E75\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"164E63\" data-k=\"Cian Cyan cyan 900\" style=\"--c:#164E63\" aria-label=\"Cyan 900 #164E63\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"083344\" data-k=\"Cian Cyan cyan 950\" style=\"--c:#083344\" aria-label=\"Cyan 950 #083344\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Sky<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F0F9FF\" data-k=\"Cielo Sky sky 50\" style=\"--c:#F0F9FF\" aria-label=\"Sky 50 #F0F9FF\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"E0F2FE\" data-k=\"Cielo Sky sky 100\" style=\"--c:#E0F2FE\" aria-label=\"Sky 100 #E0F2FE\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"BAE6FD\" data-k=\"Cielo Sky sky 200\" style=\"--c:#BAE6FD\" aria-label=\"Sky 200 #BAE6FD\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"7DD3FC\" data-k=\"Cielo Sky sky 300\" style=\"--c:#7DD3FC\" aria-label=\"Sky 300 #7DD3FC\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"38BDF8\" data-k=\"Cielo Sky sky 400\" style=\"--c:#38BDF8\" aria-label=\"Sky 400 #38BDF8\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"0EA5E9\" data-k=\"Cielo Sky sky 500\" style=\"--c:#0EA5E9\" aria-label=\"Sky 500 #0EA5E9\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"0284C7\" data-k=\"Cielo Sky sky 600\" style=\"--c:#0284C7\" aria-label=\"Sky 600 #0284C7\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"0369A1\" data-k=\"Cielo Sky sky 700\" style=\"--c:#0369A1\" aria-label=\"Sky 700 #0369A1\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"075985\" data-k=\"Cielo Sky sky 800\" style=\"--c:#075985\" aria-label=\"Sky 800 #075985\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"0C4A6E\" data-k=\"Cielo Sky sky 900\" style=\"--c:#0C4A6E\" aria-label=\"Sky 900 #0C4A6E\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"082F49\" data-k=\"Cielo Sky sky 950\" style=\"--c:#082F49\" aria-label=\"Sky 950 #082F49\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Blue<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"EFF6FF\" data-k=\"Azul Blue blue 50\" style=\"--c:#EFF6FF\" aria-label=\"Blue 50 #EFF6FF\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"DBEAFE\" data-k=\"Azul Blue blue 100\" style=\"--c:#DBEAFE\" aria-label=\"Blue 100 #DBEAFE\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"BFDBFE\" data-k=\"Azul Blue blue 200\" style=\"--c:#BFDBFE\" aria-label=\"Blue 200 #BFDBFE\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"93C5FD\" data-k=\"Azul Blue blue 300\" style=\"--c:#93C5FD\" aria-label=\"Blue 300 #93C5FD\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"60A5FA\" data-k=\"Azul Blue blue 400\" style=\"--c:#60A5FA\" aria-label=\"Blue 400 #60A5FA\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"3B82F6\" data-k=\"Azul Blue blue 500\" style=\"--c:#3B82F6\" aria-label=\"Blue 500 #3B82F6\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"2563EB\" data-k=\"Azul Blue blue 600\" style=\"--c:#2563EB\" aria-label=\"Blue 600 #2563EB\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"1D4ED8\" data-k=\"Azul Blue blue 700\" style=\"--c:#1D4ED8\" aria-label=\"Blue 700 #1D4ED8\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"1E40AF\" data-k=\"Azul Blue blue 800\" style=\"--c:#1E40AF\" aria-label=\"Blue 800 #1E40AF\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"1E3A8A\" data-k=\"Azul Blue blue 900\" style=\"--c:#1E3A8A\" aria-label=\"Blue 900 #1E3A8A\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"172554\" data-k=\"Azul Blue blue 950\" style=\"--c:#172554\" aria-label=\"Blue 950 #172554\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Indigo<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"EEF2FF\" data-k=\"\u00cdndigo Indigo indigo 50\" style=\"--c:#EEF2FF\" aria-label=\"Indigo 50 #EEF2FF\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"E0E7FF\" data-k=\"\u00cdndigo Indigo indigo 100\" style=\"--c:#E0E7FF\" aria-label=\"Indigo 100 #E0E7FF\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"C7D2FE\" data-k=\"\u00cdndigo Indigo indigo 200\" style=\"--c:#C7D2FE\" aria-label=\"Indigo 200 #C7D2FE\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"A5B4FC\" data-k=\"\u00cdndigo Indigo indigo 300\" style=\"--c:#A5B4FC\" aria-label=\"Indigo 300 #A5B4FC\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"818CF8\" data-k=\"\u00cdndigo Indigo indigo 400\" style=\"--c:#818CF8\" aria-label=\"Indigo 400 #818CF8\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"6366F1\" data-k=\"\u00cdndigo Indigo indigo 500\" style=\"--c:#6366F1\" aria-label=\"Indigo 500 #6366F1\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"4F46E5\" data-k=\"\u00cdndigo Indigo indigo 600\" style=\"--c:#4F46E5\" aria-label=\"Indigo 600 #4F46E5\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"4338CA\" data-k=\"\u00cdndigo Indigo indigo 700\" style=\"--c:#4338CA\" aria-label=\"Indigo 700 #4338CA\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"3730A3\" data-k=\"\u00cdndigo Indigo indigo 800\" style=\"--c:#3730A3\" aria-label=\"Indigo 800 #3730A3\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"312E81\" data-k=\"\u00cdndigo Indigo indigo 900\" style=\"--c:#312E81\" aria-label=\"Indigo 900 #312E81\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"1E1B4B\" data-k=\"\u00cdndigo Indigo indigo 950\" style=\"--c:#1E1B4B\" aria-label=\"Indigo 950 #1E1B4B\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Violet<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F5F3FF\" data-k=\"Violeta Violet violet 50\" style=\"--c:#F5F3FF\" aria-label=\"Violet 50 #F5F3FF\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"EDE9FE\" data-k=\"Violeta Violet violet 100\" style=\"--c:#EDE9FE\" aria-label=\"Violet 100 #EDE9FE\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"DDD6FE\" data-k=\"Violeta Violet violet 200\" style=\"--c:#DDD6FE\" aria-label=\"Violet 200 #DDD6FE\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"C4B5FD\" data-k=\"Violeta Violet violet 300\" style=\"--c:#C4B5FD\" aria-label=\"Violet 300 #C4B5FD\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"A78BFA\" data-k=\"Violeta Violet violet 400\" style=\"--c:#A78BFA\" aria-label=\"Violet 400 #A78BFA\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"8B5CF6\" data-k=\"Violeta Violet violet 500\" style=\"--c:#8B5CF6\" aria-label=\"Violet 500 #8B5CF6\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"7C3AED\" data-k=\"Violeta Violet violet 600\" style=\"--c:#7C3AED\" aria-label=\"Violet 600 #7C3AED\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"6D28D9\" data-k=\"Violeta Violet violet 700\" style=\"--c:#6D28D9\" aria-label=\"Violet 700 #6D28D9\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"5B21B6\" data-k=\"Violeta Violet violet 800\" style=\"--c:#5B21B6\" aria-label=\"Violet 800 #5B21B6\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"4C1D95\" data-k=\"Violeta Violet violet 900\" style=\"--c:#4C1D95\" aria-label=\"Violet 900 #4C1D95\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"2E1065\" data-k=\"Violeta Violet violet 950\" style=\"--c:#2E1065\" aria-label=\"Violet 950 #2E1065\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Purple<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FAF5FF\" data-k=\"P\u00farpura Purple purple 50\" style=\"--c:#FAF5FF\" aria-label=\"Purple 50 #FAF5FF\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F3E8FF\" data-k=\"P\u00farpura Purple purple 100\" style=\"--c:#F3E8FF\" aria-label=\"Purple 100 #F3E8FF\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"E9D5FF\" data-k=\"P\u00farpura Purple purple 200\" style=\"--c:#E9D5FF\" aria-label=\"Purple 200 #E9D5FF\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"D8B4FE\" data-k=\"P\u00farpura Purple purple 300\" style=\"--c:#D8B4FE\" aria-label=\"Purple 300 #D8B4FE\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"C084FC\" data-k=\"P\u00farpura Purple purple 400\" style=\"--c:#C084FC\" aria-label=\"Purple 400 #C084FC\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"A855F7\" data-k=\"P\u00farpura Purple purple 500\" style=\"--c:#A855F7\" aria-label=\"Purple 500 #A855F7\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"9333EA\" data-k=\"P\u00farpura Purple purple 600\" style=\"--c:#9333EA\" aria-label=\"Purple 600 #9333EA\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"7E22CE\" data-k=\"P\u00farpura Purple purple 700\" style=\"--c:#7E22CE\" aria-label=\"Purple 700 #7E22CE\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"6B21A8\" data-k=\"P\u00farpura Purple purple 800\" style=\"--c:#6B21A8\" aria-label=\"Purple 800 #6B21A8\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"581C87\" data-k=\"P\u00farpura Purple purple 900\" style=\"--c:#581C87\" aria-label=\"Purple 900 #581C87\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"3B0764\" data-k=\"P\u00farpura Purple purple 950\" style=\"--c:#3B0764\" aria-label=\"Purple 950 #3B0764\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Fuchsia<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FDF4FF\" data-k=\"Fucsia Fuchsia fuchsia 50\" style=\"--c:#FDF4FF\" aria-label=\"Fuchsia 50 #FDF4FF\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FAE8FF\" data-k=\"Fucsia Fuchsia fuchsia 100\" style=\"--c:#FAE8FF\" aria-label=\"Fuchsia 100 #FAE8FF\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F5D0FE\" data-k=\"Fucsia Fuchsia fuchsia 200\" style=\"--c:#F5D0FE\" aria-label=\"Fuchsia 200 #F5D0FE\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F0ABFC\" data-k=\"Fucsia Fuchsia fuchsia 300\" style=\"--c:#F0ABFC\" aria-label=\"Fuchsia 300 #F0ABFC\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"E879F9\" data-k=\"Fucsia Fuchsia fuchsia 400\" style=\"--c:#E879F9\" aria-label=\"Fuchsia 400 #E879F9\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"D946EF\" data-k=\"Fucsia Fuchsia fuchsia 500\" style=\"--c:#D946EF\" aria-label=\"Fuchsia 500 #D946EF\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"C026D3\" data-k=\"Fucsia Fuchsia fuchsia 600\" style=\"--c:#C026D3\" aria-label=\"Fuchsia 600 #C026D3\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"A21CAF\" data-k=\"Fucsia Fuchsia fuchsia 700\" style=\"--c:#A21CAF\" aria-label=\"Fuchsia 700 #A21CAF\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"86198F\" data-k=\"Fucsia Fuchsia fuchsia 800\" style=\"--c:#86198F\" aria-label=\"Fuchsia 800 #86198F\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"701A75\" data-k=\"Fucsia Fuchsia fuchsia 900\" style=\"--c:#701A75\" aria-label=\"Fuchsia 900 #701A75\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"4A044E\" data-k=\"Fucsia Fuchsia fuchsia 950\" style=\"--c:#4A044E\" aria-label=\"Fuchsia 950 #4A044E\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Pink<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FDF2F8\" data-k=\"Rosa Pink pink 50\" style=\"--c:#FDF2F8\" aria-label=\"Pink 50 #FDF2F8\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FCE7F3\" data-k=\"Rosa Pink pink 100\" style=\"--c:#FCE7F3\" aria-label=\"Pink 100 #FCE7F3\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FBCFE8\" data-k=\"Rosa Pink pink 200\" style=\"--c:#FBCFE8\" aria-label=\"Pink 200 #FBCFE8\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F9A8D4\" data-k=\"Rosa Pink pink 300\" style=\"--c:#F9A8D4\" aria-label=\"Pink 300 #F9A8D4\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F472B6\" data-k=\"Rosa Pink pink 400\" style=\"--c:#F472B6\" aria-label=\"Pink 400 #F472B6\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"EC4899\" data-k=\"Rosa Pink pink 500\" style=\"--c:#EC4899\" aria-label=\"Pink 500 #EC4899\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"DB2777\" data-k=\"Rosa Pink pink 600\" style=\"--c:#DB2777\" aria-label=\"Pink 600 #DB2777\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"BE185D\" data-k=\"Rosa Pink pink 700\" style=\"--c:#BE185D\" aria-label=\"Pink 700 #BE185D\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"9D174D\" data-k=\"Rosa Pink pink 800\" style=\"--c:#9D174D\" aria-label=\"Pink 800 #9D174D\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"831843\" data-k=\"Rosa Pink pink 900\" style=\"--c:#831843\" aria-label=\"Pink 900 #831843\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"500724\" data-k=\"Rosa Pink pink 950\" style=\"--c:#500724\" aria-label=\"Pink 950 #500724\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><div class=\"dgt-trow\"><b>Rose<\/b><div class=\"dgt-tsw\"><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FFF1F2\" data-k=\"Rosado Rose rose 50\" style=\"--c:#FFF1F2\" aria-label=\"Rose 50 #FFF1F2\"><i aria-hidden=\"true\"><\/i><small>50<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FFE4E6\" data-k=\"Rosado Rose rose 100\" style=\"--c:#FFE4E6\" aria-label=\"Rose 100 #FFE4E6\"><i aria-hidden=\"true\"><\/i><small>100<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FECDD3\" data-k=\"Rosado Rose rose 200\" style=\"--c:#FECDD3\" aria-label=\"Rose 200 #FECDD3\"><i aria-hidden=\"true\"><\/i><small>200<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FDA4AF\" data-k=\"Rosado Rose rose 300\" style=\"--c:#FDA4AF\" aria-label=\"Rose 300 #FDA4AF\"><i aria-hidden=\"true\"><\/i><small>300<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"FB7185\" data-k=\"Rosado Rose rose 400\" style=\"--c:#FB7185\" aria-label=\"Rose 400 #FB7185\"><i aria-hidden=\"true\"><\/i><small>400<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"F43F5E\" data-k=\"Rosado Rose rose 500\" style=\"--c:#F43F5E\" aria-label=\"Rose 500 #F43F5E\"><i aria-hidden=\"true\"><\/i><small>500<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"E11D48\" data-k=\"Rosado Rose rose 600\" style=\"--c:#E11D48\" aria-label=\"Rose 600 #E11D48\"><i aria-hidden=\"true\"><\/i><small>600<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"BE123C\" data-k=\"Rosado Rose rose 700\" style=\"--c:#BE123C\" aria-label=\"Rose 700 #BE123C\"><i aria-hidden=\"true\"><\/i><small>700<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"9F1239\" data-k=\"Rosado Rose rose 800\" style=\"--c:#9F1239\" aria-label=\"Rose 800 #9F1239\"><i aria-hidden=\"true\"><\/i><small>800<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"881337\" data-k=\"Rosado Rose rose 900\" style=\"--c:#881337\" aria-label=\"Rose 900 #881337\"><i aria-hidden=\"true\"><\/i><small>900<\/small><\/button><button type=\"button\" class=\"dgt-c dgt-c--s\" data-h=\"4C0519\" data-k=\"Rosado Rose rose 950\" style=\"--c:#4C0519\" aria-label=\"Rose 950 #4C0519\"><i aria-hidden=\"true\"><\/i><small>950<\/small><\/button><\/div><\/div><\/div>\n<\/section>\n<section class=\"dgt-grp\" id=\"dgt-g-pastel\" data-g=\"pastel\" aria-labelledby=\"dgt-gh-pastel\">\n<div class=\"dgt-grp-h\"><h2 class=\"dgt-gh dgv-grad\" id=\"dgt-gh-pastel\">Pastel Color Codes: HEX and RGB to Copy<\/h2><p class=\"dgt-gd\">Soft tones for backgrounds, illustrations and invitations; if you put text on top, make it dark.<\/p><\/div><p class=\"dgt-sh\">None<\/p>\n<div class=\"dgt-cgrid\"><button type=\"button\" class=\"dgt-c\" data-h=\"FFD1DC\" data-k=\"Rosa pastel Pastel pink\" style=\"--c:#FFD1DC\"><i aria-hidden=\"true\"><\/i><b>Pastel pink<\/b><code>#FFD1DC<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FF6961\" data-k=\"Rojo pastel Pastel red\" style=\"--c:#FF6961\"><i aria-hidden=\"true\"><\/i><b>Pastel red<\/b><code>#FF6961<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFB347\" data-k=\"Naranja pastel Pastel orange\" style=\"--c:#FFB347\"><i aria-hidden=\"true\"><\/i><b>Pastel orange<\/b><code>#FFB347<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FDFD96\" data-k=\"Amarillo pastel Pastel yellow\" style=\"--c:#FDFD96\"><i aria-hidden=\"true\"><\/i><b>Pastel yellow<\/b><code>#FDFD96<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"77DD77\" data-k=\"Verde pastel Pastel green\" style=\"--c:#77DD77\"><i aria-hidden=\"true\"><\/i><b>Pastel green<\/b><code>#77DD77<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"AEC6CF\" data-k=\"Azul pastel Pastel blue\" style=\"--c:#AEC6CF\"><i aria-hidden=\"true\"><\/i><b>Pastel blue<\/b><code>#AEC6CF<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"89CFF0\" data-k=\"Azul beb\u00e9 Baby blue\" style=\"--c:#89CFF0\"><i aria-hidden=\"true\"><\/i><b>Baby blue<\/b><code>#89CFF0<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"B39EB5\" data-k=\"Morado pastel Pastel purple\" style=\"--c:#B39EB5\"><i aria-hidden=\"true\"><\/i><b>Pastel purple<\/b><code>#B39EB5<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"CB99C9\" data-k=\"Violeta pastel Pastel violet\" style=\"--c:#CB99C9\"><i aria-hidden=\"true\"><\/i><b>Pastel violet<\/b><code>#CB99C9<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"F49AC2\" data-k=\"Magenta pastel Pastel magenta\" style=\"--c:#F49AC2\"><i aria-hidden=\"true\"><\/i><b>Pastel magenta<\/b><code>#F49AC2<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"CFCFC4\" data-k=\"Gris pastel Pastel gray\" style=\"--c:#CFCFC4\"><i aria-hidden=\"true\"><\/i><b>Pastel gray<\/b><code>#CFCFC4<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"836953\" data-k=\"Marr\u00f3n pastel Pastel brown\" style=\"--c:#836953\"><i aria-hidden=\"true\"><\/i><b>Pastel brown<\/b><code>#836953<\/code><\/button><\/div>\n<\/section>\n<section class=\"dgt-grp\" id=\"dgt-g-metalicos\" data-g=\"metalicos\" aria-labelledby=\"dgt-gh-metalicos\">\n<div class=\"dgt-grp-h\"><h2 class=\"dgt-gh dgv-grad\" id=\"dgt-gh-metalicos\">Metallic Colors: Gold, Silver, Bronze and Copper Hex Codes<\/h2><p class=\"dgt-gd\">Flat approximations of metals; blend them in a gradient to suggest shine.<\/p><\/div><p class=\"dgt-sh\">None<\/p>\n<div class=\"dgt-cgrid\"><button type=\"button\" class=\"dgt-c\" data-h=\"D4AF37\" data-k=\"Oro met\u00e1lico Metallic gold\" style=\"--c:#D4AF37\"><i aria-hidden=\"true\"><\/i><b>Metallic gold<\/b><code>#D4AF37<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFD700\" data-k=\"Oro (web) Gold (web)\" style=\"--c:#FFD700\"><i aria-hidden=\"true\"><\/i><b>Gold (web)<\/b><code>#FFD700<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"C0C0C0\" data-k=\"Plata Silver\" style=\"--c:#C0C0C0\"><i aria-hidden=\"true\"><\/i><b>Silver<\/b><code>#C0C0C0<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"CD7F32\" data-k=\"Bronce Bronze\" style=\"--c:#CD7F32\"><i aria-hidden=\"true\"><\/i><b>Bronze<\/b><code>#CD7F32<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"B87333\" data-k=\"Cobre Copper\" style=\"--c:#B87333\"><i aria-hidden=\"true\"><\/i><b>Copper<\/b><code>#B87333<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"E5E4E2\" data-k=\"Platino Platinum\" style=\"--c:#E5E4E2\"><i aria-hidden=\"true\"><\/i><b>Platinum<\/b><code>#E5E4E2<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"B76E79\" data-k=\"Oro rosa Rose gold\" style=\"--c:#B76E79\"><i aria-hidden=\"true\"><\/i><b>Rose gold<\/b><code>#B76E79<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"B5A642\" data-k=\"Lat\u00f3n Brass\" style=\"--c:#B5A642\"><i aria-hidden=\"true\"><\/i><b>Brass<\/b><code>#B5A642<\/code><\/button><\/div>\n<\/section>\n<section class=\"dgt-grp\" id=\"dgt-g-tierra\" data-g=\"tierra\" aria-labelledby=\"dgt-gh-tierra\">\n<div class=\"dgt-grp-h\"><h2 class=\"dgt-gh dgv-grad\" id=\"dgt-gh-tierra\">Earth Tone Colors: Terracotta, Ochre, Sienna and Khaki<\/h2><p class=\"dgt-gd\">Warm tones inspired by clay, wood and natural pigments.<\/p><\/div><p class=\"dgt-sh\">None<\/p>\n<div class=\"dgt-cgrid\"><button type=\"button\" class=\"dgt-c\" data-h=\"E2725B\" data-k=\"Terracota Terra cotta\" style=\"--c:#E2725B\"><i aria-hidden=\"true\"><\/i><b>Terra cotta<\/b><code>#E2725B<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"E97451\" data-k=\"Siena tostada Burnt sienna\" style=\"--c:#E97451\"><i aria-hidden=\"true\"><\/i><b>Burnt sienna<\/b><code>#E97451<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"CC7722\" data-k=\"Ocre Ochre\" style=\"--c:#CC7722\"><i aria-hidden=\"true\"><\/i><b>Ochre<\/b><code>#CC7722<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"8A3324\" data-k=\"Sombra tostada Burnt umber\" style=\"--c:#8A3324\"><i aria-hidden=\"true\"><\/i><b>Burnt umber<\/b><code>#8A3324<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"635147\" data-k=\"Sombra Umber\" style=\"--c:#635147\"><i aria-hidden=\"true\"><\/i><b>Umber<\/b><code>#635147<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"C3B091\" data-k=\"Caqui Khaki\" style=\"--c:#C3B091\"><i aria-hidden=\"true\"><\/i><b>Khaki<\/b><code>#C3B091<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"C2B280\" data-k=\"Arena Sand\" style=\"--c:#C2B280\"><i aria-hidden=\"true\"><\/i><b>Sand<\/b><code>#C2B280<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"D2B48C\" data-k=\"Tostado Tan\" style=\"--c:#D2B48C\"><i aria-hidden=\"true\"><\/i><b>Tan<\/b><code>#D2B48C<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"6F4E37\" data-k=\"Caf\u00e9 Coffee\" style=\"--c:#6F4E37\"><i aria-hidden=\"true\"><\/i><b>Coffee<\/b><code>#6F4E37<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"B7410E\" data-k=\"\u00d3xido Rust\" style=\"--c:#B7410E\"><i aria-hidden=\"true\"><\/i><b>Rust<\/b><code>#B7410E<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFDB58\" data-k=\"Mostaza Mustard\" style=\"--c:#FFDB58\"><i aria-hidden=\"true\"><\/i><b>Mustard<\/b><code>#FFDB58<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"CB4154\" data-k=\"Rojo ladrillo Brick red\" style=\"--c:#CB4154\"><i aria-hidden=\"true\"><\/i><b>Brick red<\/b><code>#CB4154<\/code><\/button><\/div>\n<\/section>\n<section class=\"dgt-grp\" id=\"dgt-g-neon\" data-g=\"neon\" aria-labelledby=\"dgt-gh-neon\">\n<div class=\"dgt-grp-h\"><h2 class=\"dgt-gh dgv-grad\" id=\"dgt-gh-neon\">Neon Colors and Their Hex Codes<\/h2><p class=\"dgt-gd\">Highly saturated and bright: perfect to highlight a detail, not for large backgrounds.<\/p><\/div><p class=\"dgt-sh\">None<\/p>\n<div class=\"dgt-cgrid\"><button type=\"button\" class=\"dgt-c\" data-h=\"39FF14\" data-k=\"Verde ne\u00f3n Neon green\" style=\"--c:#39FF14\"><i aria-hidden=\"true\"><\/i><b>Neon green<\/b><code>#39FF14<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"CCFF00\" data-k=\"Lima el\u00e9ctrico Electric lime\" style=\"--c:#CCFF00\"><i aria-hidden=\"true\"><\/i><b>Electric lime<\/b><code>#CCFF00<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FFFF33\" data-k=\"Amarillo el\u00e9ctrico Electric yellow\" style=\"--c:#FFFF33\"><i aria-hidden=\"true\"><\/i><b>Electric yellow<\/b><code>#FFFF33<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"7DF9FF\" data-k=\"Azul el\u00e9ctrico Electric blue\" style=\"--c:#7DF9FF\"><i aria-hidden=\"true\"><\/i><b>Electric blue<\/b><code>#7DF9FF<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"6F00FF\" data-k=\"\u00cdndigo el\u00e9ctrico Electric indigo\" style=\"--c:#6F00FF\"><i aria-hidden=\"true\"><\/i><b>Electric indigo<\/b><code>#6F00FF<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"BF00FF\" data-k=\"Morado el\u00e9ctrico Electric purple\" style=\"--c:#BF00FF\"><i aria-hidden=\"true\"><\/i><b>Electric purple<\/b><code>#BF00FF<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FC0FC0\" data-k=\"Rosa chill\u00f3n Shocking pink\" style=\"--c:#FC0FC0\"><i aria-hidden=\"true\"><\/i><b>Shocking pink<\/b><code>#FC0FC0<\/code><\/button><button type=\"button\" class=\"dgt-c\" data-h=\"FF1DCE\" data-k=\"Magenta intenso Hot magenta\" style=\"--c:#FF1DCE\"><i aria-hidden=\"true\"><\/i><b>Hot magenta<\/b><code>#FF1DCE<\/code><\/button><\/div>\n<\/section>\n<section class=\"dgt-grp\" id=\"dgt-g-seguros\" data-g=\"seguros\" aria-labelledby=\"dgt-gh-seguros\">\n<div class=\"dgt-grp-h\"><h2 class=\"dgt-gh dgv-grad\" id=\"dgt-gh-seguros\">Web Safe Colors: The 216-Color Palette<\/h2><p class=\"dgt-gd\">Every combination of 00, 33, 66, 99, CC and FF in each channel (6 x 6 x 6).<\/p><\/div>\n<div class=\"dgt-safe\"><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"000000\" data-k=\"#000000\" style=\"--c:#000000\" aria-label=\"#000000\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"000033\" data-k=\"#000033\" style=\"--c:#000033\" aria-label=\"#000033\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"000066\" data-k=\"#000066\" style=\"--c:#000066\" aria-label=\"#000066\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"000099\" data-k=\"#000099\" style=\"--c:#000099\" aria-label=\"#000099\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"0000CC\" data-k=\"#0000CC\" style=\"--c:#0000CC\" aria-label=\"#0000CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"0000FF\" data-k=\"#0000FF\" style=\"--c:#0000FF\" aria-label=\"#0000FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"003300\" data-k=\"#003300\" style=\"--c:#003300\" aria-label=\"#003300\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"003333\" data-k=\"#003333\" style=\"--c:#003333\" aria-label=\"#003333\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"003366\" data-k=\"#003366\" style=\"--c:#003366\" aria-label=\"#003366\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"003399\" data-k=\"#003399\" style=\"--c:#003399\" aria-label=\"#003399\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"0033CC\" data-k=\"#0033CC\" style=\"--c:#0033CC\" aria-label=\"#0033CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"0033FF\" data-k=\"#0033FF\" style=\"--c:#0033FF\" aria-label=\"#0033FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"006600\" data-k=\"#006600\" style=\"--c:#006600\" aria-label=\"#006600\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"006633\" data-k=\"#006633\" style=\"--c:#006633\" aria-label=\"#006633\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"006666\" data-k=\"#006666\" style=\"--c:#006666\" aria-label=\"#006666\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"006699\" data-k=\"#006699\" style=\"--c:#006699\" aria-label=\"#006699\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"0066CC\" data-k=\"#0066CC\" style=\"--c:#0066CC\" aria-label=\"#0066CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"0066FF\" data-k=\"#0066FF\" style=\"--c:#0066FF\" aria-label=\"#0066FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"009900\" data-k=\"#009900\" style=\"--c:#009900\" aria-label=\"#009900\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"009933\" data-k=\"#009933\" style=\"--c:#009933\" aria-label=\"#009933\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"009966\" data-k=\"#009966\" style=\"--c:#009966\" aria-label=\"#009966\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"009999\" data-k=\"#009999\" style=\"--c:#009999\" aria-label=\"#009999\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"0099CC\" data-k=\"#0099CC\" style=\"--c:#0099CC\" aria-label=\"#0099CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"0099FF\" data-k=\"#0099FF\" style=\"--c:#0099FF\" aria-label=\"#0099FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"00CC00\" data-k=\"#00CC00\" style=\"--c:#00CC00\" aria-label=\"#00CC00\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"00CC33\" data-k=\"#00CC33\" style=\"--c:#00CC33\" aria-label=\"#00CC33\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"00CC66\" data-k=\"#00CC66\" style=\"--c:#00CC66\" aria-label=\"#00CC66\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"00CC99\" data-k=\"#00CC99\" style=\"--c:#00CC99\" aria-label=\"#00CC99\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"00CCCC\" data-k=\"#00CCCC\" style=\"--c:#00CCCC\" aria-label=\"#00CCCC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"00CCFF\" data-k=\"#00CCFF\" style=\"--c:#00CCFF\" aria-label=\"#00CCFF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"00FF00\" data-k=\"#00FF00\" style=\"--c:#00FF00\" aria-label=\"#00FF00\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"00FF33\" data-k=\"#00FF33\" style=\"--c:#00FF33\" aria-label=\"#00FF33\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"00FF66\" data-k=\"#00FF66\" style=\"--c:#00FF66\" aria-label=\"#00FF66\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"00FF99\" data-k=\"#00FF99\" style=\"--c:#00FF99\" aria-label=\"#00FF99\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"00FFCC\" data-k=\"#00FFCC\" style=\"--c:#00FFCC\" aria-label=\"#00FFCC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"00FFFF\" data-k=\"#00FFFF\" style=\"--c:#00FFFF\" aria-label=\"#00FFFF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"330000\" data-k=\"#330000\" style=\"--c:#330000\" aria-label=\"#330000\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"330033\" data-k=\"#330033\" style=\"--c:#330033\" aria-label=\"#330033\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"330066\" data-k=\"#330066\" style=\"--c:#330066\" aria-label=\"#330066\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"330099\" data-k=\"#330099\" style=\"--c:#330099\" aria-label=\"#330099\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"3300CC\" data-k=\"#3300CC\" style=\"--c:#3300CC\" aria-label=\"#3300CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"3300FF\" data-k=\"#3300FF\" style=\"--c:#3300FF\" aria-label=\"#3300FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"333300\" data-k=\"#333300\" style=\"--c:#333300\" aria-label=\"#333300\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"333333\" data-k=\"#333333\" style=\"--c:#333333\" aria-label=\"#333333\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"333366\" data-k=\"#333366\" style=\"--c:#333366\" aria-label=\"#333366\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"333399\" data-k=\"#333399\" style=\"--c:#333399\" aria-label=\"#333399\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"3333CC\" data-k=\"#3333CC\" style=\"--c:#3333CC\" aria-label=\"#3333CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"3333FF\" data-k=\"#3333FF\" style=\"--c:#3333FF\" aria-label=\"#3333FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"336600\" data-k=\"#336600\" style=\"--c:#336600\" aria-label=\"#336600\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"336633\" data-k=\"#336633\" style=\"--c:#336633\" aria-label=\"#336633\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"336666\" data-k=\"#336666\" style=\"--c:#336666\" aria-label=\"#336666\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"336699\" data-k=\"#336699\" style=\"--c:#336699\" aria-label=\"#336699\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"3366CC\" data-k=\"#3366CC\" style=\"--c:#3366CC\" aria-label=\"#3366CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"3366FF\" data-k=\"#3366FF\" style=\"--c:#3366FF\" aria-label=\"#3366FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"339900\" data-k=\"#339900\" style=\"--c:#339900\" aria-label=\"#339900\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"339933\" data-k=\"#339933\" style=\"--c:#339933\" aria-label=\"#339933\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"339966\" data-k=\"#339966\" style=\"--c:#339966\" aria-label=\"#339966\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"339999\" data-k=\"#339999\" style=\"--c:#339999\" aria-label=\"#339999\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"3399CC\" data-k=\"#3399CC\" style=\"--c:#3399CC\" aria-label=\"#3399CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"3399FF\" data-k=\"#3399FF\" style=\"--c:#3399FF\" aria-label=\"#3399FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"33CC00\" data-k=\"#33CC00\" style=\"--c:#33CC00\" aria-label=\"#33CC00\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"33CC33\" data-k=\"#33CC33\" style=\"--c:#33CC33\" aria-label=\"#33CC33\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"33CC66\" data-k=\"#33CC66\" style=\"--c:#33CC66\" aria-label=\"#33CC66\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"33CC99\" data-k=\"#33CC99\" style=\"--c:#33CC99\" aria-label=\"#33CC99\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"33CCCC\" data-k=\"#33CCCC\" style=\"--c:#33CCCC\" aria-label=\"#33CCCC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"33CCFF\" data-k=\"#33CCFF\" style=\"--c:#33CCFF\" aria-label=\"#33CCFF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"33FF00\" data-k=\"#33FF00\" style=\"--c:#33FF00\" aria-label=\"#33FF00\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"33FF33\" data-k=\"#33FF33\" style=\"--c:#33FF33\" aria-label=\"#33FF33\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"33FF66\" data-k=\"#33FF66\" style=\"--c:#33FF66\" aria-label=\"#33FF66\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"33FF99\" data-k=\"#33FF99\" style=\"--c:#33FF99\" aria-label=\"#33FF99\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"33FFCC\" data-k=\"#33FFCC\" style=\"--c:#33FFCC\" aria-label=\"#33FFCC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"33FFFF\" data-k=\"#33FFFF\" style=\"--c:#33FFFF\" aria-label=\"#33FFFF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"660000\" data-k=\"#660000\" style=\"--c:#660000\" aria-label=\"#660000\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"660033\" data-k=\"#660033\" style=\"--c:#660033\" aria-label=\"#660033\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"660066\" data-k=\"#660066\" style=\"--c:#660066\" aria-label=\"#660066\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"660099\" data-k=\"#660099\" style=\"--c:#660099\" aria-label=\"#660099\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"6600CC\" data-k=\"#6600CC\" style=\"--c:#6600CC\" aria-label=\"#6600CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"6600FF\" data-k=\"#6600FF\" style=\"--c:#6600FF\" aria-label=\"#6600FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"663300\" data-k=\"#663300\" style=\"--c:#663300\" aria-label=\"#663300\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"663333\" data-k=\"#663333\" style=\"--c:#663333\" aria-label=\"#663333\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"663366\" data-k=\"#663366\" style=\"--c:#663366\" aria-label=\"#663366\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"663399\" data-k=\"#663399\" style=\"--c:#663399\" aria-label=\"#663399\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"6633CC\" data-k=\"#6633CC\" style=\"--c:#6633CC\" aria-label=\"#6633CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"6633FF\" data-k=\"#6633FF\" style=\"--c:#6633FF\" aria-label=\"#6633FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"666600\" data-k=\"#666600\" style=\"--c:#666600\" aria-label=\"#666600\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"666633\" data-k=\"#666633\" style=\"--c:#666633\" aria-label=\"#666633\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"666666\" data-k=\"#666666\" style=\"--c:#666666\" aria-label=\"#666666\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"666699\" data-k=\"#666699\" style=\"--c:#666699\" aria-label=\"#666699\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"6666CC\" data-k=\"#6666CC\" style=\"--c:#6666CC\" aria-label=\"#6666CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"6666FF\" data-k=\"#6666FF\" style=\"--c:#6666FF\" aria-label=\"#6666FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"669900\" data-k=\"#669900\" style=\"--c:#669900\" aria-label=\"#669900\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"669933\" data-k=\"#669933\" style=\"--c:#669933\" aria-label=\"#669933\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"669966\" data-k=\"#669966\" style=\"--c:#669966\" aria-label=\"#669966\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"669999\" data-k=\"#669999\" style=\"--c:#669999\" aria-label=\"#669999\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"6699CC\" data-k=\"#6699CC\" style=\"--c:#6699CC\" aria-label=\"#6699CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"6699FF\" data-k=\"#6699FF\" style=\"--c:#6699FF\" aria-label=\"#6699FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"66CC00\" data-k=\"#66CC00\" style=\"--c:#66CC00\" aria-label=\"#66CC00\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"66CC33\" data-k=\"#66CC33\" style=\"--c:#66CC33\" aria-label=\"#66CC33\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"66CC66\" data-k=\"#66CC66\" style=\"--c:#66CC66\" aria-label=\"#66CC66\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"66CC99\" data-k=\"#66CC99\" style=\"--c:#66CC99\" aria-label=\"#66CC99\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"66CCCC\" data-k=\"#66CCCC\" style=\"--c:#66CCCC\" aria-label=\"#66CCCC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"66CCFF\" data-k=\"#66CCFF\" style=\"--c:#66CCFF\" aria-label=\"#66CCFF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"66FF00\" data-k=\"#66FF00\" style=\"--c:#66FF00\" aria-label=\"#66FF00\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"66FF33\" data-k=\"#66FF33\" style=\"--c:#66FF33\" aria-label=\"#66FF33\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"66FF66\" data-k=\"#66FF66\" style=\"--c:#66FF66\" aria-label=\"#66FF66\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"66FF99\" data-k=\"#66FF99\" style=\"--c:#66FF99\" aria-label=\"#66FF99\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"66FFCC\" data-k=\"#66FFCC\" style=\"--c:#66FFCC\" aria-label=\"#66FFCC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"66FFFF\" data-k=\"#66FFFF\" style=\"--c:#66FFFF\" aria-label=\"#66FFFF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"990000\" data-k=\"#990000\" style=\"--c:#990000\" aria-label=\"#990000\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"990033\" data-k=\"#990033\" style=\"--c:#990033\" aria-label=\"#990033\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"990066\" data-k=\"#990066\" style=\"--c:#990066\" aria-label=\"#990066\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"990099\" data-k=\"#990099\" style=\"--c:#990099\" aria-label=\"#990099\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"9900CC\" data-k=\"#9900CC\" style=\"--c:#9900CC\" aria-label=\"#9900CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"9900FF\" data-k=\"#9900FF\" style=\"--c:#9900FF\" aria-label=\"#9900FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"993300\" data-k=\"#993300\" style=\"--c:#993300\" aria-label=\"#993300\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"993333\" data-k=\"#993333\" style=\"--c:#993333\" aria-label=\"#993333\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"993366\" data-k=\"#993366\" style=\"--c:#993366\" aria-label=\"#993366\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"993399\" data-k=\"#993399\" style=\"--c:#993399\" aria-label=\"#993399\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"9933CC\" data-k=\"#9933CC\" style=\"--c:#9933CC\" aria-label=\"#9933CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"9933FF\" data-k=\"#9933FF\" style=\"--c:#9933FF\" aria-label=\"#9933FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"996600\" data-k=\"#996600\" style=\"--c:#996600\" aria-label=\"#996600\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"996633\" data-k=\"#996633\" style=\"--c:#996633\" aria-label=\"#996633\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"996666\" data-k=\"#996666\" style=\"--c:#996666\" aria-label=\"#996666\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"996699\" data-k=\"#996699\" style=\"--c:#996699\" aria-label=\"#996699\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"9966CC\" data-k=\"#9966CC\" style=\"--c:#9966CC\" aria-label=\"#9966CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"9966FF\" data-k=\"#9966FF\" style=\"--c:#9966FF\" aria-label=\"#9966FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"999900\" data-k=\"#999900\" style=\"--c:#999900\" aria-label=\"#999900\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"999933\" data-k=\"#999933\" style=\"--c:#999933\" aria-label=\"#999933\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"999966\" data-k=\"#999966\" style=\"--c:#999966\" aria-label=\"#999966\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"999999\" data-k=\"#999999\" style=\"--c:#999999\" aria-label=\"#999999\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"9999CC\" data-k=\"#9999CC\" style=\"--c:#9999CC\" aria-label=\"#9999CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"9999FF\" data-k=\"#9999FF\" style=\"--c:#9999FF\" aria-label=\"#9999FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"99CC00\" data-k=\"#99CC00\" style=\"--c:#99CC00\" aria-label=\"#99CC00\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"99CC33\" data-k=\"#99CC33\" style=\"--c:#99CC33\" aria-label=\"#99CC33\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"99CC66\" data-k=\"#99CC66\" style=\"--c:#99CC66\" aria-label=\"#99CC66\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"99CC99\" data-k=\"#99CC99\" style=\"--c:#99CC99\" aria-label=\"#99CC99\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"99CCCC\" data-k=\"#99CCCC\" style=\"--c:#99CCCC\" aria-label=\"#99CCCC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"99CCFF\" data-k=\"#99CCFF\" style=\"--c:#99CCFF\" aria-label=\"#99CCFF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"99FF00\" data-k=\"#99FF00\" style=\"--c:#99FF00\" aria-label=\"#99FF00\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"99FF33\" data-k=\"#99FF33\" style=\"--c:#99FF33\" aria-label=\"#99FF33\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"99FF66\" data-k=\"#99FF66\" style=\"--c:#99FF66\" aria-label=\"#99FF66\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"99FF99\" data-k=\"#99FF99\" style=\"--c:#99FF99\" aria-label=\"#99FF99\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"99FFCC\" data-k=\"#99FFCC\" style=\"--c:#99FFCC\" aria-label=\"#99FFCC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"99FFFF\" data-k=\"#99FFFF\" style=\"--c:#99FFFF\" aria-label=\"#99FFFF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC0000\" data-k=\"#CC0000\" style=\"--c:#CC0000\" aria-label=\"#CC0000\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC0033\" data-k=\"#CC0033\" style=\"--c:#CC0033\" aria-label=\"#CC0033\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC0066\" data-k=\"#CC0066\" style=\"--c:#CC0066\" aria-label=\"#CC0066\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC0099\" data-k=\"#CC0099\" style=\"--c:#CC0099\" aria-label=\"#CC0099\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC00CC\" data-k=\"#CC00CC\" style=\"--c:#CC00CC\" aria-label=\"#CC00CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC00FF\" data-k=\"#CC00FF\" style=\"--c:#CC00FF\" aria-label=\"#CC00FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC3300\" data-k=\"#CC3300\" style=\"--c:#CC3300\" aria-label=\"#CC3300\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC3333\" data-k=\"#CC3333\" style=\"--c:#CC3333\" aria-label=\"#CC3333\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC3366\" data-k=\"#CC3366\" style=\"--c:#CC3366\" aria-label=\"#CC3366\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC3399\" data-k=\"#CC3399\" style=\"--c:#CC3399\" aria-label=\"#CC3399\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC33CC\" data-k=\"#CC33CC\" style=\"--c:#CC33CC\" aria-label=\"#CC33CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC33FF\" data-k=\"#CC33FF\" style=\"--c:#CC33FF\" aria-label=\"#CC33FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC6600\" data-k=\"#CC6600\" style=\"--c:#CC6600\" aria-label=\"#CC6600\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC6633\" data-k=\"#CC6633\" style=\"--c:#CC6633\" aria-label=\"#CC6633\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC6666\" data-k=\"#CC6666\" style=\"--c:#CC6666\" aria-label=\"#CC6666\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC6699\" data-k=\"#CC6699\" style=\"--c:#CC6699\" aria-label=\"#CC6699\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC66CC\" data-k=\"#CC66CC\" style=\"--c:#CC66CC\" aria-label=\"#CC66CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC66FF\" data-k=\"#CC66FF\" style=\"--c:#CC66FF\" aria-label=\"#CC66FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC9900\" data-k=\"#CC9900\" style=\"--c:#CC9900\" aria-label=\"#CC9900\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC9933\" data-k=\"#CC9933\" style=\"--c:#CC9933\" aria-label=\"#CC9933\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC9966\" data-k=\"#CC9966\" style=\"--c:#CC9966\" aria-label=\"#CC9966\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC9999\" data-k=\"#CC9999\" style=\"--c:#CC9999\" aria-label=\"#CC9999\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC99CC\" data-k=\"#CC99CC\" style=\"--c:#CC99CC\" aria-label=\"#CC99CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CC99FF\" data-k=\"#CC99FF\" style=\"--c:#CC99FF\" aria-label=\"#CC99FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CCCC00\" data-k=\"#CCCC00\" style=\"--c:#CCCC00\" aria-label=\"#CCCC00\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CCCC33\" data-k=\"#CCCC33\" style=\"--c:#CCCC33\" aria-label=\"#CCCC33\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CCCC66\" data-k=\"#CCCC66\" style=\"--c:#CCCC66\" aria-label=\"#CCCC66\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CCCC99\" data-k=\"#CCCC99\" style=\"--c:#CCCC99\" aria-label=\"#CCCC99\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CCCCCC\" data-k=\"#CCCCCC\" style=\"--c:#CCCCCC\" aria-label=\"#CCCCCC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CCCCFF\" data-k=\"#CCCCFF\" style=\"--c:#CCCCFF\" aria-label=\"#CCCCFF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CCFF00\" data-k=\"#CCFF00\" style=\"--c:#CCFF00\" aria-label=\"#CCFF00\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CCFF33\" data-k=\"#CCFF33\" style=\"--c:#CCFF33\" aria-label=\"#CCFF33\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CCFF66\" data-k=\"#CCFF66\" style=\"--c:#CCFF66\" aria-label=\"#CCFF66\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CCFF99\" data-k=\"#CCFF99\" style=\"--c:#CCFF99\" aria-label=\"#CCFF99\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CCFFCC\" data-k=\"#CCFFCC\" style=\"--c:#CCFFCC\" aria-label=\"#CCFFCC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"CCFFFF\" data-k=\"#CCFFFF\" style=\"--c:#CCFFFF\" aria-label=\"#CCFFFF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF0000\" data-k=\"#FF0000\" style=\"--c:#FF0000\" aria-label=\"#FF0000\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF0033\" data-k=\"#FF0033\" style=\"--c:#FF0033\" aria-label=\"#FF0033\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF0066\" data-k=\"#FF0066\" style=\"--c:#FF0066\" aria-label=\"#FF0066\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF0099\" data-k=\"#FF0099\" style=\"--c:#FF0099\" aria-label=\"#FF0099\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF00CC\" data-k=\"#FF00CC\" style=\"--c:#FF00CC\" aria-label=\"#FF00CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF00FF\" data-k=\"#FF00FF\" style=\"--c:#FF00FF\" aria-label=\"#FF00FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF3300\" data-k=\"#FF3300\" style=\"--c:#FF3300\" aria-label=\"#FF3300\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF3333\" data-k=\"#FF3333\" style=\"--c:#FF3333\" aria-label=\"#FF3333\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF3366\" data-k=\"#FF3366\" style=\"--c:#FF3366\" aria-label=\"#FF3366\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF3399\" data-k=\"#FF3399\" style=\"--c:#FF3399\" aria-label=\"#FF3399\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF33CC\" data-k=\"#FF33CC\" style=\"--c:#FF33CC\" aria-label=\"#FF33CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF33FF\" data-k=\"#FF33FF\" style=\"--c:#FF33FF\" aria-label=\"#FF33FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF6600\" data-k=\"#FF6600\" style=\"--c:#FF6600\" aria-label=\"#FF6600\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF6633\" data-k=\"#FF6633\" style=\"--c:#FF6633\" aria-label=\"#FF6633\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF6666\" data-k=\"#FF6666\" style=\"--c:#FF6666\" aria-label=\"#FF6666\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF6699\" data-k=\"#FF6699\" style=\"--c:#FF6699\" aria-label=\"#FF6699\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF66CC\" data-k=\"#FF66CC\" style=\"--c:#FF66CC\" aria-label=\"#FF66CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF66FF\" data-k=\"#FF66FF\" style=\"--c:#FF66FF\" aria-label=\"#FF66FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF9900\" data-k=\"#FF9900\" style=\"--c:#FF9900\" aria-label=\"#FF9900\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF9933\" data-k=\"#FF9933\" style=\"--c:#FF9933\" aria-label=\"#FF9933\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF9966\" data-k=\"#FF9966\" style=\"--c:#FF9966\" aria-label=\"#FF9966\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF9999\" data-k=\"#FF9999\" style=\"--c:#FF9999\" aria-label=\"#FF9999\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF99CC\" data-k=\"#FF99CC\" style=\"--c:#FF99CC\" aria-label=\"#FF99CC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FF99FF\" data-k=\"#FF99FF\" style=\"--c:#FF99FF\" aria-label=\"#FF99FF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FFCC00\" data-k=\"#FFCC00\" style=\"--c:#FFCC00\" aria-label=\"#FFCC00\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FFCC33\" data-k=\"#FFCC33\" style=\"--c:#FFCC33\" aria-label=\"#FFCC33\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FFCC66\" data-k=\"#FFCC66\" style=\"--c:#FFCC66\" aria-label=\"#FFCC66\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FFCC99\" data-k=\"#FFCC99\" style=\"--c:#FFCC99\" aria-label=\"#FFCC99\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FFCCCC\" data-k=\"#FFCCCC\" style=\"--c:#FFCCCC\" aria-label=\"#FFCCCC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FFCCFF\" data-k=\"#FFCCFF\" style=\"--c:#FFCCFF\" aria-label=\"#FFCCFF\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FFFF00\" data-k=\"#FFFF00\" style=\"--c:#FFFF00\" aria-label=\"#FFFF00\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FFFF33\" data-k=\"#FFFF33\" style=\"--c:#FFFF33\" aria-label=\"#FFFF33\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FFFF66\" data-k=\"#FFFF66\" style=\"--c:#FFFF66\" aria-label=\"#FFFF66\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FFFF99\" data-k=\"#FFFF99\" style=\"--c:#FFFF99\" aria-label=\"#FFFF99\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FFFFCC\" data-k=\"#FFFFCC\" style=\"--c:#FFFFCC\" aria-label=\"#FFFFCC\"><i aria-hidden=\"true\"><\/i><\/button><button type=\"button\" class=\"dgt-c dgt-c--x\" data-h=\"FFFFFF\" data-k=\"#FFFFFF\" style=\"--c:#FFFFFF\" aria-label=\"#FFFFFF\"><i aria-hidden=\"true\"><\/i><\/button><\/div>\n<\/section>\n<div class=\"dgt-detail dgt-detail--c\" data-dgt-detail hidden role=\"dialog\" aria-label=\"Details of the copied item\"><button type=\"button\" class=\"dgt-x\" data-act=\"close-detail\" aria-label=\"Close\"><svg class=\"dgv-i\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-x\"><\/use><\/svg><\/button><span class=\"dgt-detail-g dgt-detail-g--c\" data-f=\"g\"><\/span><div class=\"dgt-detail-b\"><p class=\"dgt-detail-n\" data-f=\"n\"><\/p><p class=\"dgt-detail-s\" data-f=\"s\">Copied<\/p><div class=\"dgt-fmts\" data-f=\"fmts\"><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"dgv-sec dgt-guide\">\n<div class=\"dgv-wrap\">\n<div class=\"dgv-head dgv-head--c\" data-dgv-r><h2 class=\"dgv-h2 dgv-grad\">Color Picker: Copy, Convert and Check Any Color<\/h2><p class=\"dgv-intro\">Everything runs in your browser, free and with no sign-up. Here is how to get the most out of each part of the tool.<\/p><\/div><div class=\"dgt-cards dgt-cards--6\"><article class=\"dgv-card dgt-gcard\" data-dgv-r style=\"--dgv-d:0.00s\"><span class=\"dgt-num\" aria-hidden=\"true\">01<\/span><p class=\"dgv-h3\">Search by Name or Code<\/p><p class=\"dgv-txt\">Type a color name (coral, navy), a hex code or a family such as \"blue\" or \"pastel\". The filter buttons show a single group.<\/p><\/article><article class=\"dgv-card dgt-gcard\" data-dgv-r style=\"--dgv-d:0.08s\"><span class=\"dgt-num\" aria-hidden=\"true\">02<\/span><p class=\"dgv-h3\">Copy as HEX, RGB or HSL<\/p><p class=\"dgv-txt\">Choose the format next to the search box and click any color: the code is copied and a card opens with all its values.<\/p><\/article><article class=\"dgv-card dgt-gcard\" data-dgv-r style=\"--dgv-d:0.16s\"><span class=\"dgt-num\" aria-hidden=\"true\">03<\/span><h3 class=\"dgv-h3\">Convert RGB to Hex<\/h3><p class=\"dgv-txt\">Type a value in the HEX, RGB or HSL field of the picker and the others update instantly, CMYK included. It works both ways.<\/p><\/article><article class=\"dgv-card dgt-gcard\" data-dgv-r style=\"--dgv-d:0.00s\"><span class=\"dgt-num\" aria-hidden=\"true\">04<\/span><h3 class=\"dgv-h3\">Eyedropper Tool<\/h3><p class=\"dgv-txt\">In Chrome or Edge on a computer, press \"Eyedropper\" and pick the color of any point on your screen, even outside the browser.<\/p><\/article><article class=\"dgv-card dgt-gcard\" data-dgv-r style=\"--dgv-d:0.08s\"><span class=\"dgt-num\" aria-hidden=\"true\">05<\/span><h3 class=\"dgv-h3\">Hex Color Picker from Image<\/h3><p class=\"dgv-txt\">Choose a photo or screenshot and click wherever you like. The image opens in your browser and is never uploaded to a server.<\/p><\/article><article class=\"dgv-card dgt-gcard\" data-dgv-r style=\"--dgv-d:0.16s\"><span class=\"dgt-num\" aria-hidden=\"true\">06<\/span><h3 class=\"dgv-h3\">Check Color Contrast<\/h3><p class=\"dgv-txt\">The picker shows contrast against white and black text right away. Below it, the contrast checker tests any two colors and tells you whether they pass WCAG AA and AAA.<\/p><\/article><\/div>\n<\/div>\n<\/section>\n<section class=\"dgv-sec dgt-guide\">\n<div class=\"dgv-wrap\">\n<div class=\"dgv-head dgv-head--c\" data-dgv-r><h2 class=\"dgv-h2 dgv-grad\">Hex Colors, RGB, HSL and CMYK: How Each Code Is Written<\/h2><p class=\"dgv-intro\">The same red written in each format, with its values and where it is used.<\/p><\/div><div class=\"dgt-table-w\" data-dgv-r><table class=\"dgt-table\"><thead><tr><th scope=\"col\">Format<\/th><th scope=\"col\">Example (red)<\/th><th scope=\"col\">Values<\/th><th scope=\"col\">Where it is used<\/th><\/tr><\/thead><tbody><tr><th scope=\"row\">HEX<\/th><td><code>#FF0000<\/code><\/td><td>00 to FF per channel<\/td><td>CSS, HTML and design software<\/td><\/tr><tr><th scope=\"row\">Short HEX<\/th><td><code>#F00<\/code><\/td><td>One digit per channel, doubled<\/td><td>CSS and HTML<\/td><\/tr><tr><th scope=\"row\">HEX with transparency<\/th><td><code>#FF000080<\/code><\/td><td>Two extra digits for opacity<\/td><td>CSS<\/td><\/tr><tr><th scope=\"row\">RGB<\/th><td><code>rgb(255, 0, 0)<\/code><\/td><td>0 to 255 per channel<\/td><td>CSS, design and video<\/td><\/tr><tr><th scope=\"row\">HSL<\/th><td><code>hsl(0, 100%, 50%)<\/code><\/td><td>Hue 0 to 360\u00b0; saturation and lightness 0 to 100%<\/td><td>CSS and color variations<\/td><\/tr><tr><th scope=\"row\">CMYK<\/th><td><code>cmyk(0%, 100%, 100%, 0%)<\/code><\/td><td>0 to 100% of each ink<\/td><td>Print (approximate conversion)<\/td><\/tr><tr><th scope=\"row\">CSS name<\/th><td><code>red<\/code><\/td><td>148 English names<\/td><td>CSS and HTML<\/td><\/tr><\/tbody><\/table><\/div>\n<\/div>\n<\/section>\n<section class=\"dgv-sec dgt-guide\">\n<div class=\"dgv-wrap\">\n<div class=\"dgv-head dgv-head--c\" data-dgv-r><h2 class=\"dgv-h2 dgv-grad\">Basic Hex Color Chart with RGB Values<\/h2><p class=\"dgv-intro\">The 16 basic CSS colors plus orange, which was added in CSS 2.1.<\/p><\/div><div class=\"dgt-table-w\" data-dgv-r><table class=\"dgt-table\"><thead><tr><th scope=\"col\">Color<\/th><th scope=\"col\">CSS name<\/th><th scope=\"col\">HEX<\/th><th scope=\"col\">RGB<\/th><\/tr><\/thead><tbody><tr><th scope=\"row\">Black<\/th><td><code>black<\/code><\/td><td><code>#000000<\/code><\/td><td><code>rgb(0, 0, 0)<\/code><\/td><\/tr><tr><th scope=\"row\">White<\/th><td><code>white<\/code><\/td><td><code>#FFFFFF<\/code><\/td><td><code>rgb(255, 255, 255)<\/code><\/td><\/tr><tr><th scope=\"row\">Red<\/th><td><code>red<\/code><\/td><td><code>#FF0000<\/code><\/td><td><code>rgb(255, 0, 0)<\/code><\/td><\/tr><tr><th scope=\"row\">Lime<\/th><td><code>lime<\/code><\/td><td><code>#00FF00<\/code><\/td><td><code>rgb(0, 255, 0)<\/code><\/td><\/tr><tr><th scope=\"row\">Blue<\/th><td><code>blue<\/code><\/td><td><code>#0000FF<\/code><\/td><td><code>rgb(0, 0, 255)<\/code><\/td><\/tr><tr><th scope=\"row\">Yellow<\/th><td><code>yellow<\/code><\/td><td><code>#FFFF00<\/code><\/td><td><code>rgb(255, 255, 0)<\/code><\/td><\/tr><tr><th scope=\"row\">Aqua (cyan)<\/th><td><code>aqua, cyan<\/code><\/td><td><code>#00FFFF<\/code><\/td><td><code>rgb(0, 255, 255)<\/code><\/td><\/tr><tr><th scope=\"row\">Fuchsia (magenta)<\/th><td><code>fuchsia, magenta<\/code><\/td><td><code>#FF00FF<\/code><\/td><td><code>rgb(255, 0, 255)<\/code><\/td><\/tr><tr><th scope=\"row\">Silver<\/th><td><code>silver<\/code><\/td><td><code>#C0C0C0<\/code><\/td><td><code>rgb(192, 192, 192)<\/code><\/td><\/tr><tr><th scope=\"row\">Gray<\/th><td><code>gray, grey<\/code><\/td><td><code>#808080<\/code><\/td><td><code>rgb(128, 128, 128)<\/code><\/td><\/tr><tr><th scope=\"row\">Maroon<\/th><td><code>maroon<\/code><\/td><td><code>#800000<\/code><\/td><td><code>rgb(128, 0, 0)<\/code><\/td><\/tr><tr><th scope=\"row\">Olive<\/th><td><code>olive<\/code><\/td><td><code>#808000<\/code><\/td><td><code>rgb(128, 128, 0)<\/code><\/td><\/tr><tr><th scope=\"row\">Green<\/th><td><code>green<\/code><\/td><td><code>#008000<\/code><\/td><td><code>rgb(0, 128, 0)<\/code><\/td><\/tr><tr><th scope=\"row\">Purple<\/th><td><code>purple<\/code><\/td><td><code>#800080<\/code><\/td><td><code>rgb(128, 0, 128)<\/code><\/td><\/tr><tr><th scope=\"row\">Teal<\/th><td><code>teal<\/code><\/td><td><code>#008080<\/code><\/td><td><code>rgb(0, 128, 128)<\/code><\/td><\/tr><tr><th scope=\"row\">Navy<\/th><td><code>navy<\/code><\/td><td><code>#000080<\/code><\/td><td><code>rgb(0, 0, 128)<\/code><\/td><\/tr><tr><th scope=\"row\">Orange<\/th><td><code>orange<\/code><\/td><td><code>#FFA500<\/code><\/td><td><code>rgb(255, 165, 0)<\/code><\/td><\/tr><\/tbody><\/table><\/div>\n<\/div>\n<\/section>\n<section class=\"dgv-sec dgv-faq-sec\" id=\"dgv-faq\">\n<div class=\"dgv-fx\" aria-hidden=\"true\"><div class=\"dgv-halo dgv-halo--t\"><\/div><\/div>\n<div class=\"dgv-wrap dgv-faq-wrap\">\n<div class=\"dgv-head dgv-head--c\" data-dgv-r><h2 class=\"dgv-h2 dgv-grad\">HTML Color Codes: Frequently Asked Questions<\/h2><\/div>\n<div class=\"dgv-faq dgv-faq--2\"><div class=\"dgv-faq-col\">\n<div class=\"dgv-faq-item is-open\"><h3 class=\"dgv-faq-q\"><button class=\"dgv-faq-btn\" type=\"button\" id=\"dgv-faq-q1\" aria-expanded=\"true\" aria-controls=\"dgv-faq-a1\"><span>What is a hex color code?<\/span><span class=\"dgv-pm\" aria-hidden=\"true\"><\/span><\/button><\/h3><div class=\"dgv-faq-a\" id=\"dgv-faq-a1\" role=\"region\" aria-labelledby=\"dgv-faq-q1\"><div><p>It is an RGB color written in base 16: a hash sign followed by six characters, two for red, two for green and two for blue. Each pair runs from 00 to FF, so <code>#00FF00<\/code> is pure green. It is the most common format in web design because it is short and easy to copy.<\/p><\/div><\/div><\/div>\n<div class=\"dgv-faq-item\"><h3 class=\"dgv-faq-q\"><button class=\"dgv-faq-btn\" type=\"button\" id=\"dgv-faq-q2\" aria-expanded=\"false\" aria-controls=\"dgv-faq-a2\"><span>How many hex color codes are there?<\/span><span class=\"dgv-pm\" aria-hidden=\"true\"><\/span><\/button><\/h3><div class=\"dgv-faq-a\" id=\"dgv-faq-a2\" role=\"region\" aria-labelledby=\"dgv-faq-q2\"><div><p>There are 16,777,216 six-digit hex codes, because each of the three channels has 256 possible values (256 x 256 x 256). With the eight-digit format you can also give each one of 256 levels of opacity.<\/p><\/div><\/div><\/div>\n<div class=\"dgv-faq-item\"><h3 class=\"dgv-faq-q\"><button class=\"dgv-faq-btn\" type=\"button\" id=\"dgv-faq-q3\" aria-expanded=\"false\" aria-controls=\"dgv-faq-a3\"><span>How many HTML color names are there?<\/span><span class=\"dgv-pm\" aria-hidden=\"true\"><\/span><\/button><\/h3><div class=\"dgv-faq-a\" id=\"dgv-faq-a3\" role=\"region\" aria-labelledby=\"dgv-faq-q3\"><div><p>Browsers recognize 148 color names, which map to 139 different colors because some are synonyms, such as gray and grey or aqua and cyan. All of them are in the chart above, grouped by family, with their aliases next to them.<\/p><\/div><\/div><\/div>\n<div class=\"dgv-faq-item\"><h3 class=\"dgv-faq-q\"><button class=\"dgv-faq-btn\" type=\"button\" id=\"dgv-faq-q4\" aria-expanded=\"false\" aria-controls=\"dgv-faq-a4\"><span>How do I get the hex color code from an image?<\/span><span class=\"dgv-pm\" aria-hidden=\"true\"><\/span><\/button><\/h3><div class=\"dgv-faq-a\" id=\"dgv-faq-a4\" role=\"region\" aria-labelledby=\"dgv-faq-q4\"><div><p>Press \"Color from an image\", choose a photo or screenshot and click the exact spot you need: the hex code is copied right away. The image opens inside your browser and is never uploaded. In a desktop browser such as Chrome or Edge you can also use the eyedropper to pick any color on your screen.<\/p><\/div><\/div><\/div>\n<div class=\"dgv-faq-item\"><h3 class=\"dgv-faq-q\"><button class=\"dgv-faq-btn\" type=\"button\" id=\"dgv-faq-q5\" aria-expanded=\"false\" aria-controls=\"dgv-faq-a5\"><span>Are hex codes RGB?<\/span><span class=\"dgv-pm\" aria-hidden=\"true\"><\/span><\/button><\/h3><div class=\"dgv-faq-a\" id=\"dgv-faq-a5\" role=\"region\" aria-labelledby=\"dgv-faq-q5\"><div><p>Yes. A hex code is an RGB value written in hexadecimal instead of decimal: <code>#FF8000<\/code> and <code>rgb(255, 128, 0)<\/code> are exactly the same orange. That is why you can convert between them without losing any information.<\/p><\/div><\/div><\/div>\n<div class=\"dgv-faq-item\"><h3 class=\"dgv-faq-q\"><button class=\"dgv-faq-btn\" type=\"button\" id=\"dgv-faq-q6\" aria-expanded=\"false\" aria-controls=\"dgv-faq-a6\"><span>What is RGB?<\/span><span class=\"dgv-pm\" aria-hidden=\"true\"><\/span><\/button><\/h3><div class=\"dgv-faq-a\" id=\"dgv-faq-a6\" role=\"region\" aria-labelledby=\"dgv-faq-q6\"><div><p>RGB stands for red, green and blue, the three colors of light that screens mix to create every other color. Each channel goes from 0 to 255: <code>rgb(0, 0, 0)<\/code> is black and <code>rgb(255, 255, 255)<\/code> is white. It is the color model used by monitors, phones and TVs.<\/p><\/div><\/div><\/div><\/div><div class=\"dgv-faq-col\">\n<div class=\"dgv-faq-item\"><h3 class=\"dgv-faq-q\"><button class=\"dgv-faq-btn\" type=\"button\" id=\"dgv-faq-q7\" aria-expanded=\"false\" aria-controls=\"dgv-faq-a7\"><span>Can hex codes be used for print?<\/span><span class=\"dgv-pm\" aria-hidden=\"true\"><\/span><\/button><\/h3><div class=\"dgv-faq-a\" id=\"dgv-faq-a7\" role=\"region\" aria-labelledby=\"dgv-faq-q7\"><div><p>Only as a reference: printers work in CMYK, so the color has to be converted and some bright screen colors cannot be reproduced with ink. For important jobs, ask your print shop which color profile they use and request a proof. The CMYK value shown by the picker is a mathematical approximation.<\/p><\/div><\/div><\/div>\n<div class=\"dgv-faq-item\"><h3 class=\"dgv-faq-q\"><button class=\"dgv-faq-btn\" type=\"button\" id=\"dgv-faq-q8\" aria-expanded=\"false\" aria-controls=\"dgv-faq-a8\"><span>What is the hex code for transparent?<\/span><span class=\"dgv-pm\" aria-hidden=\"true\"><\/span><\/button><\/h3><div class=\"dgv-faq-a\" id=\"dgv-faq-a8\" role=\"region\" aria-labelledby=\"dgv-faq-q8\"><div><p>In CSS you can simply write <code>transparent<\/code>, which equals <code>rgb(0 0 0 \/ 0%)<\/code>. In hex, use the eight-digit format with zero opacity, such as <code>#00000000<\/code>. Any eight-digit code ending in 00 is fully transparent.<\/p><\/div><\/div><\/div>\n<div class=\"dgv-faq-item\"><h3 class=\"dgv-faq-q\"><button class=\"dgv-faq-btn\" type=\"button\" id=\"dgv-faq-q9\" aria-expanded=\"false\" aria-controls=\"dgv-faq-a9\"><span>What is the hex code for white?<\/span><span class=\"dgv-pm\" aria-hidden=\"true\"><\/span><\/button><\/h3><div class=\"dgv-faq-a\" id=\"dgv-faq-a9\" role=\"region\" aria-labelledby=\"dgv-faq-q9\"><div><p>White is <code>#FFFFFF<\/code>, or <code>#FFF<\/code> in short form, and <code>rgb(255, 255, 255)<\/code>. The eight-digit code <code>#FFFFFFFF<\/code> is also white, with full opacity. Black is the opposite: <code>#000000<\/code>.<\/p><\/div><\/div><\/div>\n<div class=\"dgv-faq-item\"><h3 class=\"dgv-faq-q\"><button class=\"dgv-faq-btn\" type=\"button\" id=\"dgv-faq-q10\" aria-expanded=\"false\" aria-controls=\"dgv-faq-a10\"><span>What is color contrast ratio?<\/span><span class=\"dgv-pm\" aria-hidden=\"true\"><\/span><\/button><\/h3><div class=\"dgv-faq-a\" id=\"dgv-faq-a10\" role=\"region\" aria-labelledby=\"dgv-faq-q10\"><div><p>It is a number that compares the luminance of two colors, usually text and its background. WCAG calculates it as (L1 + 0.05) \/ (L2 + 0.05), where L1 is the relative luminance of the lighter color, so it ranges from 1:1 (the same color) to 21:1 (black on white). The higher the ratio, the easier the text is to read.<\/p><\/div><\/div><\/div>\n<div class=\"dgv-faq-item\"><h3 class=\"dgv-faq-q\"><button class=\"dgv-faq-btn\" type=\"button\" id=\"dgv-faq-q11\" aria-expanded=\"false\" aria-controls=\"dgv-faq-a11\"><span>What is a good contrast ratio?<\/span><span class=\"dgv-pm\" aria-hidden=\"true\"><\/span><\/button><\/h3><div class=\"dgv-faq-a\" id=\"dgv-faq-a11\" role=\"region\" aria-labelledby=\"dgv-faq-q11\"><div><p>For body text, at least 4.5:1, the WCAG AA minimum; large text (18 point, or 14 point bold), icons and borders need at least 3:1, and level AAA asks for 7:1. Black on white is the maximum, 21:1. On a white background, <code>#767676<\/code> is the lightest neutral gray that passes AA for normal text (4.54:1), while <code>#777777<\/code> falls just short at 4.47:1.<\/p><\/div><\/div><\/div>\n<div class=\"dgv-faq-item\"><h3 class=\"dgv-faq-q\"><button class=\"dgv-faq-btn\" type=\"button\" id=\"dgv-faq-q12\" aria-expanded=\"false\" aria-controls=\"dgv-faq-a12\"><span>What is WCAG AA contrast?<\/span><span class=\"dgv-pm\" aria-hidden=\"true\"><\/span><\/button><\/h3><div class=\"dgv-faq-a\" id=\"dgv-faq-a12\" role=\"region\" aria-labelledby=\"dgv-faq-q12\"><div><p>It is the contrast level most accessibility laws and standards refer to. WCAG 2.2 level AA requires a contrast ratio of at least 4.5:1 for normal text, 3:1 for large text and 3:1 for user interface components and meaningful graphics, such as icons and form field borders. Level AAA is stricter: 7:1 for normal text and 4.5:1 for large text.<\/p><\/div><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"dgv-sec dgv-more-sec\" id=\"dgv-leer-mas\">\n<div class=\"dgv-wrap dgv-more-grid\">\n<div class=\"dgv-card dgv-more-card\" data-dgv-r>\n<p class=\"dgv-more-t dgv-grad\">Guide to HTML color codes<\/p><p class=\"dgv-more-s\">HEX, RGB, HSL, CSS names, contrast and how to use each color on your website<\/p>\n<div class=\"dgv-more\" id=\"dgv-more-body\" data-dgv-more><div class=\"dgv-prose\"><h2>HTML Color Codes Chart: Over 600 Colors Organized to Copy<\/h2><p>This HTML color codes chart brings together on one page what is usually scattered across several websites: the 139 CSS named colors grouped by family, the Tailwind CSS shade palette, pastel, metallic, earth tone and neon colors, and the 216 web safe colors. That adds up to more than 600 swatches, each showing its HEX code, with its RGB and HSL values one click away.<\/p><p>We organized it around the way people actually look for a color. Sometimes you know the name (navy, coral, lavender), sometimes a client has sent you a code, and sometimes all you have is a photo or a logo. So you can type a name, a code such as <code>#FF7F50<\/code> or a family such as \"blue\" or \"pastel\" into the search box, and show a single group with the filters.<\/p><p>Click any color and its code is copied in the format you chose (HEX, RGB or HSL), and a card opens with every value, including CMYK and the CSS name when there is one. It works for web design, style sheets, email templates, presentations, Canva, Figma, Word or any program that accepts color codes.<\/p><h2>What Are HTML Color Codes and How to Read Them<\/h2><p>A color code describes a color with numbers so that a computer always displays it the same way. HTML and CSS mainly use four notations: hex codes, RGB, HSL and color names. The first three describe exactly the same colors, so you can switch between them without losing anything.<\/p><h3>Hex Color Codes: The #RRGGBB Format<\/h3><p>A hex code starts with a hash sign followed by six base-16 digits (0 to 9 and A to F). You read them in pairs: the first pair is the amount of red, the second is green and the third is blue. Each pair runs from <code>00<\/code> (none) to <code>FF<\/code> (the maximum, 255 in decimal). So <code>#FF0000<\/code> is pure red, <code>#000000<\/code> is black and <code>#FFFFFF<\/code> is white.<\/p><p>With 256 values per channel you get 256 x 256 x 256 = 16,777,216 possible colors. There is also a three-digit shorthand in which each digit is doubled: <code>#F60<\/code> equals <code>#FF6600<\/code>. And CSS accepts an eight-digit version, <code>#RRGGBBAA<\/code>, in which the last two digits set the opacity.<\/p><h3>RGB Color Codes: Red, Green and Blue from 0 to 255<\/h3><p>RGB says the same thing as a hex code, but in decimal: <code>rgb(255, 0, 0)<\/code> is the same red as <code>#FF0000<\/code>. It is the format most design and video editing programs ask for, and the easiest to read at a glance: the higher the three numbers, the lighter the color. White in RGB is <code>rgb(255, 255, 255)<\/code> and black is <code>rgb(0, 0, 0)<\/code>.<\/p><h3>HSL Color: Hue, Saturation and Lightness<\/h3><p>HSL describes color the way a person would: hue is an angle on the color wheel (0\u00b0 is red, 120\u00b0 green and 240\u00b0 blue), saturation is how vivid it is and lightness is how light or dark it is. It is very handy for building variations: keep the hue, change only the lightness, and you get a consistent range for buttons, backgrounds and borders.<\/p><h2>HTML and CSS Color Names: From 16 to 148<\/h2><p>Besides numeric codes, browsers understand words such as <code>red<\/code>, <code>tomato<\/code> or <code>steelblue<\/code>. The first version of CSS defined only 16 basic colors; CSS 2.1 added <code>orange<\/code>, and level 3 of the color specification brought in the long list of X11 colors that browsers were already using. Level 4 added <code>rebeccapurple<\/code> (<code>#663399<\/code>), named in memory of Rebecca Meyer, the daughter of CSS pioneer Eric Meyer.<\/p><p>Today there are 148 color names, which map to 139 different colors because some are synonyms: <code>aqua<\/code> and <code>cyan<\/code>, <code>fuchsia<\/code> and <code>magenta<\/code>, and the two spellings of gray, <code>gray<\/code> and <code>grey<\/code>, in seven colors. In the chart each color appears once, with its alias next to it. The official list is in the <a href=\"https:\/\/www.w3.org\/TR\/css-color-4\/\" target=\"_blank\" rel=\"noopener\">W3C CSS Color Module Level 4 specification<\/a>.<\/p><p>Names are always written in English with no spaces, and CSS does not care about capital letters: <code>SteelBlue<\/code> and <code>steelblue<\/code> work the same. Each swatch shows the CSS name you can paste straight into your code, plus its alias when it has one.<\/p><h2>RGB vs CMYK: Which Colors to Use on Screen and in Print<\/h2><p>RGB is an additive model: a screen mixes red, green and blue light, and all three at full intensity make white. CMYK is subtractive: a printer layers cyan, magenta, yellow and black inks on paper, and each ink takes light away. That is why the same color never looks identical on a monitor and on paper, and why some very saturated screen colors, such as certain electric greens or blues, cannot be reproduced with ink.<\/p><p>The rule of thumb is simple: for websites, social media, presentations and video, work in HEX or RGB; for brochures, business cards, signs or packaging, prepare your files in CMYK with the color profile your print shop gives you. The CMYK value shown by the picker is an approximate mathematical conversion, useful as a starting point, but it does not replace a color proof.<\/p><p>If you are building a brand identity, define a screen version and a print version of each color from day one. It is part of good <a href=\"https:\/\/www.digiaccion.com\/en\/graphic-design-agency-andorra\/\">graphic design<\/a>: a logo has to look just as good on a website, on a T-shirt and on a billboard.<\/p><h2>Color Picker from Image: Find the Color of a Photo or Website<\/h2><p>It is one of the most common needs: you have a logo, a product photo or a screenshot of a website and you need the exact code of a color. The tool gives you two ways to get it without installing anything.<\/p><h3>Online Color Picker with an Eyedropper<\/h3><p>In Chrome, Edge and other supported desktop browsers you will see an <strong>Eyedropper<\/strong> button. Press it, the cursor turns into a magnifier, and you can pick the color of any point on your screen, even in another window or an open program. The code is copied instantly and the picker updates with all its values. If your browser does not support it, the button does not appear.<\/p><h3>Image Color Picker That Never Uploads Your File<\/h3><p>With <strong>Color from an image<\/strong> you choose a photo or screenshot from your device and click the point you want. The image opens inside your browser and is never sent to a server, so you can use it even with confidential material. A tip: in photos, neighboring pixels vary a lot because of light and compression, so try a few points in the area and keep the one that best represents the color.<\/p><h2>WCAG Color Contrast: AA and AAA Levels Explained<\/h2><p>A beautiful color is not much use if the text on top of it cannot be read. The W3C Web Content Accessibility Guidelines (WCAG) measure color contrast as a ratio between the luminance of the text and that of the background, from 1:1 (the same color) to 21:1 (black on white). WCAG 2.2 sets these minimums:<\/p><ul><li><strong>Level AA<\/strong>: at least 4.5:1 for normal text and 3:1 for large text (18 point and up, or 14 point bold).<\/li><li><strong>Level AAA<\/strong>: at least 7:1 for normal text and 4.5:1 for large text.<\/li><li><strong>Icons and borders<\/strong>: at least 3:1 against adjacent colors for user interface components (buttons, form fields) and for graphics needed to understand the content (success criterion 1.4.11, level AA).<\/li><\/ul><p>Logos, purely decorative text and text in disabled controls are exempt. Besides helping people with low vision, good contrast makes a website easier to read in sunlight or on lower-quality screens.<\/p><h3>Contrast Checker for Text and Background Colors<\/h3><p>Right below the picker there is a contrast checker for any two colors. Choose the text color and the background color with their color pickers or by typing a hex code, or press the dropper button, \"Use the picked color\", to bring in the one selected above: a swatch from the chart, a color you grabbed with the eyedropper or one taken from an image. The preview shows large text and a normal paragraph in that combination, next to the contrast ratio and a pass or fail for each level: AA and AAA for normal text and for large text, plus icons and borders. \"Swap colors\" flips the preview; the ratio stays the same, because it does not depend on which color is in front.<\/p><p>The picker above also calculates, as you go, the contrast of the chosen color with white text and with black text. It is the quickest way to know whether a button in that color needs light or dark lettering.<\/p><h3>Contrast Ratio: How It Is Calculated and Why It Is Never Rounded Up<\/h3><p>The ratio compares the relative luminance of both colors using the formula (L1 + 0.05) \/ (L2 + 0.05), where L1 belongs to the lighter one. Thresholds are not rounded: gray <code>#777777<\/code> on white gives 4.47:1 and misses AA for normal text, while <code>#767676<\/code> gives 4.54:1 and passes. That is why the checker shows two decimals without rounding up. Pure red <code>#FF0000<\/code> on white reaches only 3.99:1, fine for a large heading but not for a paragraph. You will find the full explanation in the <a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/Understanding\/contrast-minimum.html\" target=\"_blank\" rel=\"noopener\">W3C guide to minimum contrast<\/a>.<\/p><h2>Pastel, Metallic, Earth Tone and Neon Color Codes<\/h2><p>On top of the standard CSS colors, the tool includes four popular groups that have no official CSS name. Their codes are the most widely used references for each tone, not a standard: if you work with a brand, its style guide comes first.<\/p><h3>Pastel Colors<\/h3><p>These are tones with high lightness and low saturation, such as pastel pink <code>#FFD1DC<\/code> or baby blue <code>#89CFF0<\/code>. They work well for backgrounds, illustrations, invitations and brands that want a soft look. Watch the text: on a pastel background you will almost always need dark lettering to reach good contrast.<\/p><h3>Gold, Silver and Bronze Hex Codes<\/h3><p>A screen cannot shine like metal, so metallic colors are flat approximations. Two gold hex codes are the most common: metallic gold <code>#D4AF37<\/code>, more muted and realistic, and the CSS <code>gold<\/code>, <code>#FFD700<\/code>, which is much more yellow. Silver in HTML is <code>silver<\/code>, <code>#C0C0C0<\/code>, and bronze is usually represented as <code>#CD7F32<\/code>. To suggest shine, blend them in gradients with a lighter and a darker tone.<\/p><h3>Earth Tones and Neon Colors<\/h3><p>Earth tones such as terracotta <code>#E2725B<\/code>, ochre <code>#CC7722<\/code> or burnt sienna <code>#E97451<\/code> recall natural materials and suit websites about interior design, food or rural tourism. At the opposite end are neon colors, such as neon green <code>#39FF14<\/code>: they grab attention on buttons and details, but they tire the eye on large areas and have very little contrast with white.<\/p><h2>Web Safe Colors and the Tailwind Color Palette<\/h2><p>Web safe colors were born when many monitors could only display 256 colors. To make a color look the same on any computer, designers used only six values per channel (<code>00<\/code>, <code>33<\/code>, <code>66<\/code>, <code>99<\/code>, <code>CC<\/code> and <code>FF<\/code>): 6 x 6 x 6 = 216 colors. Today any screen shows millions of colors, but this palette is still useful as a tidy grid and for retro-style projects.<\/p><p>The Tailwind CSS palette is the modern approach: 22 colors, each in 11 shades numbered from 50 (almost white) to 950 (almost black). The HEX values in this chart are those of Tailwind CSS 3; version 4 defines its colors in the OKLCH format, with slightly more vivid tones. Even if you do not use Tailwind, it is an excellent reference for building a gray scale or a full range from your brand color.<\/p><h2>How to Change Text and Background Color in HTML and CSS<\/h2><p>Once you have copied a code, just paste it into the right property of your style sheet. The four formats are interchangeable:<\/p><ul><li>Text color: <code>color: #1E90FF;<\/code><\/li><li>Background color: <code>background-color: rgb(30, 144, 255);<\/code><\/li><li>Border: <code>border: 2px solid hsl(210, 100%, 56%);<\/code><\/li><li>By name: <code>color: dodgerblue;<\/code><\/li><\/ul><p>All four examples produce the same blue: the HSL value is rounded and is off by one RGB unit, which the eye cannot tell apart. In HTML you can also write it inside a style attribute, as in <code>&lt;p style=\"color: #1E90FF\"&gt;<\/code>, but on a professional website it is better to define colors once as CSS variables (<code>--brand-color: #1E90FF;<\/code>) and reuse them across the site. That way, if your brand color ever changes, you update it in one place. In WordPress, Divi, Elementor, Canva or Figma you just paste the HEX code into the color field.<\/p><h2>A Free Tool by DigiAcci\u00f3n, a Digital Marketing Agency in Andorra<\/h2><p>This HTML color codes chart was created by DigiAcci\u00f3n, a <a href=\"https:\/\/www.digiaccion.com\/en\/\">digital marketing agency in Andorra<\/a> based in La Massana. We work with companies in Andorra, Spain and other countries on <a href=\"https:\/\/www.digiaccion.com\/en\/web-design-agency-in-andorra\/\">web design<\/a>, SEO, GEO (AI search optimization), Google Ads, Meta Ads, video production, graphic design and online stores.<\/p><p>Choosing and applying colors is part of our daily work, and we wanted a tool with everything at hand: well-organized colors, the picker, the contrast checker and the eyedropper on the same page. It is free, needs no sign-up, has nothing to install and runs in your browser on both computer and phone. If you find it useful, we have more free tools, such as our <a href=\"https:\/\/www.digiaccion.com\/en\/quotation-marks-symbols\/\">quotation marks and writing symbols to copy<\/a>.<\/p><\/div><\/div>\n<button class=\"dgv-more-btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"dgv-more-body\" data-more=\"Read the full guide\" data-less=\"Close the guide\"><span class=\"dgv-more-lab\">Read the full guide<\/span><svg class=\"dgv-i\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-chev\"><\/use><\/svg><\/button>\n<\/div>\n<aside class=\"dgv-more-aside\" aria-label=\"Who made this tool\"><div class=\"dgv-card dgv-glow dgv-more-cta dgt-author\" data-dgv-r style=\"--dgv-d:.1s\"><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><span class=\"dgt-author-logo\" aria-hidden=\"true\"><svg viewBox=\"0 0 164 35\" role=\"img\" aria-label=\"DigiAcci\u00f3n\"><path class=\"g\" d=\"M133.8 8.8L133.8 8.8C133.8 8.7 133.8 8.7 133.9 8.7C136.4 8.4 138.9 8 141.5 7.6C141.9 7.5 142.2 7.5 142.5 7.5C142.9 7.5 143.2 7.5 143.6 7.5L143.6 7.5L143.6 8.8L143.6 8.8L133.8 8.8C133.7 8.8 133.7 8.8 133.8 8.8L133.8 8.8Z\"\/><path class=\"g\" d=\"M149.4 18.9C148.8 21.8 146.8 24 143.8 24.4C143.6 24.4 143.2 24.4 142.6 24.4C138.9 24.4 135.3 24.4 131.6 24.4C131 24.4 130.6 24.4 130.4 24.4C122.5 23.6 122.5 10.6 130.4 9.9C130.6 9.8 131 9.8 131.6 9.8C135.5 9.8 139.4 9.8 143.3 9.8C143.8 9.8 144.4 9.9 145 10.1C148.7 11.3 150.1 15.3 149.4 18.9ZM128.8 11.4C125.9 12.6 125.4 16.1 125.9 18.8C126.2 20.8 127.3 22.4 129.3 23C129.8 23.1 130.4 23.2 130.9 23.2C132.7 23.2 136.7 23.2 142.9 23.2C143.5 23.2 144 23.2 144.6 23.1C148.1 22.2 148.7 18.2 148.2 15.2C147.8 13.3 146.8 11.8 144.9 11.3C144.3 11.1 143.7 11 143.2 11C139.3 11 135.4 11 131.4 11C130.5 11 129.6 11 128.8 11.4Z\"\/><path class=\"g\" d=\"M152.6 13.3L152.6 13.3C153.3 11.4 154.8 10.2 156.7 9.9C158.8 9.6 160.9 10.1 162.1 12C162.8 13.2 163 14.6 163 15.9C163 18.6 163 21.4 163 24.1L163 24.1C163 24.1 163 24.1 162.9 24.1L161.7 24.1L161.7 24.1L161.7 24.1C161.7 21.4 161.7 18.6 161.7 15.9C161.7 13.8 161.2 11.5 158.7 11.1C157.8 10.9 157 10.9 156.1 11.1C153.7 11.7 152.7 13.7 152.7 16C152.7 18.7 152.7 21.4 152.7 24.1L152.7 24.1L151.5 24.1C151.5 24.1 151.4 24.1 151.4 24.1L151.4 24.1L151.4 10.1L151.4 10.1C151.4 10.1 151.4 10.1 151.5 10.1L152.5 10.1L152.5 10.1L152.5 10.1L152.5 13.3L152.5 13.3L152.5 13.3L152.5 13.3L152.6 13.3Z\"\/><path class=\"b\" d=\"M37 5L37 5C39.2 5 41.4 5 43.5 5C44.8 5 46 5.2 47.1 5.7C49.9 6.8 51.6 9.2 52.2 12.1C52.6 14.6 52.5 17.3 51.4 19.5C50 22.3 47.3 23.8 44.2 24.1C44 24.1 43.5 24.1 43 24.1C41 24.1 39 24.1 37 24.1L37 24.1L37 24.1V5ZM46.9 6.8C45.7 6.3 44.4 6.2 43.1 6.2C41.5 6.2 39.9 6.2 38.3 6.2L38.3 6.2L38.3 6.2V22.9L38.3 22.9L38.3 22.9C40 22.9 41.7 23 43.4 23C44.6 23 45.7 22.8 46.8 22.4C50.7 20.9 51.4 16.5 51 12.8C50.7 10.2 49.5 7.9 46.9 6.8Z\"\/><path class=\"b\" d=\"M76.8 24.1L75.6 24.1L75.5 24.1L75.5 24.1L75.5 24.1L75.5 24.1L83.5 5L83.5 5L83.5 5H85.2L85.2 5L85.2 5L93.2 24.1L93.2 24.1L93.2 24.1L93.2 24.1C93.2 24.1 93.2 24.1 93.1 24.1L91.8 24.1L91.8 24.1L91.8 24.1L89.2 18.1L89.2 18.1L89.2 18.1H79.4L79.4 18.1L79.4 18.1L76.9 24.1L76.9 24.1C76.9 24.1 76.9 24.1 76.8 24.1ZM84.2 6.4C82.9 9.9 81.4 13.4 79.9 16.8L79.9 16.8L79.9 16.9L79.9 16.9L79.9 16.9L88.7 16.9C88.7 16.9 88.7 16.9 88.7 16.8C87.6 14.2 86.6 11.7 85.5 9.1C85.1 8.2 84.7 7.3 84.4 6.4C84.4 6.3 84.3 6.3 84.3 6.3C84.2 6.3 84.2 6.4 84.2 6.4Z\"\/><path class=\"b\" d=\"M55.8 6.5L54.6 6.5L54.6 6.5L54.6 8.1L54.6 8.1L55.8 8.1C55.8 8.1 55.9 8.1 55.9 8.1L55.9 6.5C55.9 6.5 55.8 6.5 55.8 6.5Z\"\/><path class=\"b\" d=\"M74.1 6.5L72.8 6.5L72.8 6.5L72.8 8.1L72.8 8.1L74.1 8.1L74.1 8.1L74.1 6.5L74.1 6.5Z\"\/><path class=\"b\" d=\"M122.5 6.5H121.3L121.3 6.5V8.1L121.3 8.1H122.5L122.6 8.1V6.5C122.6 6.5 122.6 6.5 122.5 6.5Z\"\/><path class=\"b\" d=\"M69 19.7C69 19.6 68.9 19.6 68.9 19.7C68.2 21.6 66.3 22.9 64.2 22.9C60.5 23.1 58.1 20.9 57.8 17.3C57.5 13.8 58.9 10.4 62.8 9.9C65.4 9.5 68.1 10.6 69 13.3L69 13.3L69 13.3C69.1 13.3 69.1 13.3 69.1 13.2C69.1 12.2 69.1 11.2 69.1 10.1L69.1 10.1L70.2 10.1L70.2 10.1C70.2 10.1 70.2 10.1 70.2 10.2C70.2 14.9 70.2 19.6 70.2 24.3C70.2 24.5 70.2 24.9 70 25.4C69.2 28.8 65.5 29.8 62.5 29C60.2 28.5 58.5 26.7 58.5 24.2L58.5 24.2L58.5 24.2L59.8 24.2C59.8 24.2 59.8 24.2 59.8 24.3C59.8 27.7 62.9 28.4 65.7 28C68 27.6 69 26.1 69 23.8C69 22.4 69 21 69 19.7ZM62.4 11.1C60.3 11.5 59.3 13.1 59.1 15.1C58.8 17.7 59.3 20.8 62.2 21.6C64.7 22.2 67.6 21.6 68.6 18.9C69 17.8 69 16.6 68.9 15.5C68.7 11.9 65.5 10.5 62.4 11.1Z\"\/><path class=\"b\" d=\"M101.5 10C104.1 10.7 105.7 12.8 105.7 15.5L105.7 15.5L105.7 15.5L104.5 15.5C104.5 15.5 104.4 15.5 104.4 15.5C104.5 12.2 102.1 10.7 99.1 11C95.2 11.5 94.4 15.5 94.9 18.7C95.3 21.5 97 23.3 99.9 23.2C101.8 23.2 103.5 22.5 104.2 20.6C104.4 20 104.4 19.4 104.5 18.7L104.5 18.7L105.7 18.7L105.7 18.7L105.7 18.7C105.7 19.1 105.7 19.5 105.6 19.8C105.2 22.4 103.3 24 100.7 24.4C98.6 24.6 96.5 23.9 95.2 22.3C93.8 20.6 93.4 18.4 93.5 16.3C93.7 13.5 95.3 10.8 98.1 10.1C99.2 9.7 100.3 9.7 101.5 10Z\"\/><path class=\"b\" d=\"M119.4 18.7C119.5 21.7 117.4 24 114.6 24.3C110.9 24.8 108.1 22.6 107.4 19.1C106.5 14.8 108.5 9.9 113.4 9.8C116.8 9.8 119.5 12.1 119.4 15.5L119.4 15.5L118.2 15.5C118.2 15.5 118.1 15.5 118.1 15.5C118.1 14.5 117.9 13.5 117.3 12.6C116.2 11.1 114.1 10.8 112.4 11.1C110.6 11.5 109.3 12.7 108.8 14.4C108.4 15.9 108.3 17.6 108.6 19C109.1 21.5 110.7 23.1 113.2 23.2C115.1 23.3 116.9 22.7 117.7 20.9C118 20.2 118.2 19.5 118.1 18.7L118.1 18.7L118.1 18.7C118.1 18.7 118.2 18.7 118.2 18.7L118.2 18.7L119.4 18.7L119.4 18.7Z\"\/><path class=\"b\" d=\"M55.8 9.8H54.6C54.6 9.8 54.6 9.9 54.6 9.9V24.1L54.6 24.1H55.8C55.8 24.1 55.9 24.1 55.9 24.1V9.9C55.9 9.9 55.8 9.8 55.8 9.8Z\"\/><path class=\"b\" d=\"M74.1 9.8H72.8C72.8 9.8 72.8 9.9 72.8 9.9V24.1L72.8 24.1H74.1L74.1 24.1V9.9C74.1 9.9 74.1 9.8 74.1 9.8Z\"\/><path class=\"b\" d=\"M122.6 9.9V24.1L122.6 24.1C122.6 24.1 122.5 24.1 122.5 24.1L121.3 24.1L121.3 24.1L121.3 24.1V9.9L121.3 9.9L121.3 9.8L122.5 9.8C122.5 9.8 122.6 9.8 122.6 9.9L122.6 9.9Z\"\/><path class=\"b\" d=\"M0.4 6.8C1.1 5 2.9 4.7 4.6 4.7C8.5 4.7 12.2 4.7 15.8 4.7L15.8 4.7L15.9 4.6L18.6 0.1C18.6 0.1 18.6 0 18.6 0C18.7 0 18.7 0 18.8 5.9e-06L21.8 0L21.8 0L21.8 0C21.8 0 21.9 0 21.9 0.1C21.9 0.1 21.8 0.1 21.8 0.1C17.9 6.6 14 13.1 10.1 19.6C9.6 20.4 9.3 20.9 9.2 21C7.1 24.2 3.8 26.6 0 27.2L0 27.2L0 27.2L0 27.1C0 27.1 6.5e-05 27.1 0 27.1C0 21.3 0 15.4 0 9.7C0 8.7 0.1 7.7 0.4 6.8ZM3.2 23C4.8 22.1 6 20.8 7 19.2C9.2 15.6 11.4 11.9 13.7 8.2C13.7 8 13.9 7.9 13.9 7.8C14 7.7 13.9 7.7 13.9 7.7C10.3 7.7 6.9 7.7 3.8 7.7C3.4 7.7 3 7.7 2.9 8.2C2.9 8.2 2.9 8.3 2.9 8.4C2.9 12.9 2.9 17.7 2.9 23.1L2.9 23.1L2.9 23.1L2.9 23.1C2.9 23.1 3 23.1 3 23.1C3 23.1 3.1 23 3.2 23Z\"\/><path class=\"g\" d=\"M11.7 29.8L9.1 34.3L9.1 34.3C9.1 34.3 9.1 34.3 9 34.3L5.8 34.4C5.8 34.4 5.8 34.3 5.8 34.3C8.4 30 11 25.6 13.6 21.3C13.9 20.8 14.2 20.4 14.5 19.9C15.6 18 16.8 16.1 17.9 14.1C20 10.7 23.5 8.1 27.5 7.4L27.5 7.4L27.5 7.4L27.5 7.4L27.5 7.4C27.5 12.8 27.5 18.2 27.5 23.7C27.5 24.9 27.5 26.1 27.3 27.3C27 28.4 26.4 29.2 25.3 29.5C24.4 29.8 23.5 29.8 22.6 29.8C18.7 29.8 15.1 29.8 11.8 29.8L11.8 29.8L11.7 29.8ZM13.9 26.3C13.7 26.6 13.6 26.8 13.6 26.9L13.6 26.9L13.6 26.9L13.6 26.9L13.6 26.9C13.6 26.9 17 26.9 23.8 26.9C24.3 26.9 24.6 26.8 24.6 26.3C24.6 21.2 24.6 16.3 24.6 11.6C24.6 11.6 24.6 11.6 24.6 11.5L24.6 11.5L24.6 11.5L24.6 11.5C22.9 12.4 21.5 13.8 20.5 15.4C19.6 16.8 18.4 18.9 16.9 21.5C15.9 23.1 14.9 24.6 13.9 26.3Z\"\/><\/svg><\/span><p class=\"dgv-more-cta-t dgv-grad\">Tool created by DigiAcci\u00f3n<\/p><p class=\"dgv-txt\">DigiAcci\u00f3n is a digital marketing agency based in La Massana, Andorra. We provide web design, SEO, GEO (AI search optimization), Google Ads, Meta Ads, video, graphic design and online stores for companies in Andorra, Spain and other countries.<\/p><a class=\"dgv-btn dgv-btn--pri\" href=\"https:\/\/www.digiaccion.com\/en\/#contacto\">Talk to DigiAcci\u00f3n<svg class=\"dgv-i dgv-arr\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><\/a><\/div><\/aside>\n<\/div>\n<\/section>\n<section class=\"dgv-sec dgv-rel dgt-more-tools\" aria-labelledby=\"dgt-tools-t\">\n<div class=\"dgv-wrap\">\n<div class=\"dgv-head dgv-head--c dgv-rel-head\" data-dgv-r><p class=\"dgv-h2 dgv-rel-h dgv-grad\" id=\"dgt-tools-t\">More free tools by DigiAcci\u00f3n<\/p><p class=\"dgv-intro\">Other utilities we have built to write, measure and design without installing anything.<\/p><\/div>\n<ul class=\"dgt-tools\" role=\"list\"><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d data-dgv-r style=\"--dgv-d:0.00s\"><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-i--f dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-quote\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/quotation-marks-symbols\/\">Quotation marks and writing symbols to copy<\/a><small class=\"dgt-tools-d\">Quotes, primes, apostrophes, dashes and typographic signs with their codes.<\/small><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d data-dgv-r style=\"--dgv-d:0.06s\"><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-kana\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/japanese-alphabet\/\">Japanese letters: hiragana, katakana and kanji<\/a><small class=\"dgt-tools-d\">The Japanese alphabet to copy and a romaji to Japanese converter.<\/small><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d data-dgv-r style=\"--dgv-d:0.12s\"><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-ruler\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/online-ruler-cm-mm\/\">Online ruler in cm and mm (actual size)<\/a><small class=\"dgt-tools-d\">Measure in centimeters and millimeters on your screen, with calibration.<\/small><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d data-dgv-r style=\"--dgv-d:0.00s\"><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-ruler\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/online-ruler-inches\/\">Online ruler in inches (actual size)<\/a><small class=\"dgt-tools-d\">Measure in inches and fractions of an inch at actual size.<\/small><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d data-dgv-r style=\"--dgv-d:0.06s\"><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-i--f dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-star\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/star-symbols\/\">Star emojis and star symbols<\/a><small class=\"dgt-tools-d\">Stars to copy and a star rating generator.<\/small><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d data-dgv-r style=\"--dgv-d:0.12s\"><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-smile\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/emojis-copy-paste\/\">Emojis to copy and paste<\/a><small class=\"dgt-tools-d\">Nearly 1,900 emojis with search, skin tones and symbols for titles.<\/small><\/li><\/ul>\n<\/div>\n<\/section>\n<section class=\"dgv-sec dgv-final dgt-final\">\n<div class=\"dgv-fx\" aria-hidden=\"true\"><div class=\"dgv-beams dgv-beams--up\"><\/div><\/div>\n<div class=\"dgv-wrap\"><div class=\"dgv-final-card\" data-dgv-r><p class=\"dgv-final-t dgv-grad\">Looking for an agency that specializes in web design, SEO, GEO and AI?<\/p><p class=\"dgv-intro\">DigiAcci\u00f3n, a digital marketing agency in Andorra, works with companies in Andorra, Spain and other countries.<\/p><div class=\"dgv-ctas dgv-ctas--c\"><a class=\"dgv-btn dgv-btn--pri\" href=\"https:\/\/www.digiaccion.com\/en\/#contacto\">Let&#39;s talk about your project<svg class=\"dgv-i dgv-arr\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><\/a><a class=\"dgv-btn dgv-btn--demo\" href=\"https:\/\/wa.me\/376372337\" target=\"_blank\" rel=\"noopener\"><svg class=\"dgv-i dgt-wa\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-whatsapp\"><\/use><\/svg>Message us on WhatsApp<span class=\"dgv-sr\"> (opens in a new tab)<\/span><\/a><\/div><p class=\"dgv-final-n\">Tool created by <a href=\"https:\/\/www.digiaccion.com\/en\/\">DigiAcci\u00f3n, a digital marketing agency in Andorra<\/a>.<\/p><\/div><\/div>\n<\/section>\n<section class=\"dgv-sec dgv-rel dgv-svc\" aria-labelledby=\"dgv-svc-t\">\n<div class=\"dgv-wrap\">\n<div class=\"dgv-head dgv-head--c dgv-rel-head\" data-dgv-r><p class=\"dgv-h2 dgv-rel-h dgv-grad\" id=\"dgv-svc-t\">DigiAcci\u00f3n digital marketing services<\/p><p class=\"dgv-intro\">Web design, SEO, GEO, advertising, video and graphic design so your business gets seen and found.<\/p><\/div>\n<div class=\"dgv-rel-car dgv-svc-car\" data-dgv-r data-dgv-car>\n<ul class=\"dgv-rel-track dgv-svc-track\" id=\"dgv-svc-track\" role=\"list\"><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-bolt\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/\">Digital marketing agency in Andorra<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-layout\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/web-design-agency-in-andorra\/\">Web design agency in Andorra<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-chart\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/seo-organic-positioning-agency-andorra\/\">SEO agency in Andorra<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-megaphone\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/google-ads-sem-agency-in-andorra\/\">Google Ads agency in Andorra<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-target\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/meta-ads-agency-facebook-ads-in-andorra\/\">Social Ads agency in Andorra<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-video\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/video-production-editing-agency-andorra\/\">Video production and editing agency in Andorra<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-sparkles\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/geo-agency-ai-chat-positioning-andorra\/\">GEO agency in Andorra<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-pen\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/graphic-design-agency-andorra\/\">Graphic design agency in Andorra<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-shop\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a dgv-rel-a--guion\" href=\"https:\/\/www.digiaccion.com\/en\/e-commerce-design-agency-andorra\/\">E-commerce agency in Andorra<\/a><\/li><\/ul>\n<div class=\"dgv-rel-nav\"><span class=\"dgv-rel-bar\" aria-hidden=\"true\"><i><\/i><\/span><span class=\"dgv-rel-btns\"><button class=\"dgv-rel-btn\" type=\"button\" data-dir=\"-1\" aria-controls=\"dgv-svc-track\" aria-label=\"Previous\"><svg class=\"dgv-i dgv-rel-prev\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><\/button><button class=\"dgv-rel-btn\" type=\"button\" data-dir=\"1\" aria-controls=\"dgv-svc-track\" aria-label=\"Next\"><svg class=\"dgv-i\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><\/button><\/span><\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"dgv-sec dgv-rel\" aria-labelledby=\"dgv-rel-t\">\n<div class=\"dgv-fx\" aria-hidden=\"true\"><div class=\"dgv-rel-glow\"><\/div><\/div>\n<div class=\"dgv-wrap\">\n<div class=\"dgv-head dgv-head--c dgv-rel-head\" data-dgv-r><p class=\"dgv-h2 dgv-rel-h dgv-grad\" id=\"dgv-rel-t\">Web design by industry and marketing for lawyers<\/p><p class=\"dgv-intro\">Websites built for each type of business, with the content and features it needs.<\/p><\/div>\n<div class=\"dgv-rel-car\" data-dgv-r data-dgv-car>\n<ul class=\"dgv-rel-track\" id=\"dgv-rel-track\" role=\"list\"><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-briefcase\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/web-design-agency-consulting-management-firms\/\">Web design for consulting and management firms<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-scale\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/web-design-agency-lawyers-law-firms\/\">Web design for lawyers and law firms<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-megaphone\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/legal-marketing-agency-lawyers\/\">Digital marketing agency for lawyers<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-compass\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/web-design-agency-architects-interior-designers\/\">Web design for architects and interior designers<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-food\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/web-design-agency-restaurants-hospitality\/\">Web design for restaurants and hospitality<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-health\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/web-design-agency-clinics-healthcare\/\">Web design for clinics and healthcare<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-home\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/web-design-agency-real-estate\/\">Real estate website design<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-crane\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/web-design-agency-construction-contractors\/\">Contractor website design<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-bed\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/web-design-agency-hotels\/\">Hotel website design<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-mountain\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/web-design-agency-vacation-rentals\/\">Vacation rental website design<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-wrench\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/web-design-agency-auto-repair-shops\/\">Auto repair website design<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-paw\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/web-design-agency-veterinary-clinics\/\">Veterinary website design<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-dumbbell\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/web-design-agency-gyms-fitness\/\">Gym and fitness website design<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-cpu\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/web-design-agency-it-companies\/\">Website design for IT companies<\/a><\/li><li class=\"dgv-rel-card dgv-glow\" data-dgv-3d><span class=\"dgv-edge\" aria-hidden=\"true\"><\/span><svg class=\"dgv-i dgv-rel-ic\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-hanger\"><\/use><\/svg><svg class=\"dgv-i dgv-rel-go\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><a class=\"dgv-rel-a\" href=\"https:\/\/www.digiaccion.com\/en\/web-design-agency-fashion-brands\/\">Fashion website design<\/a><\/li><\/ul>\n<div class=\"dgv-rel-nav\"><span class=\"dgv-rel-bar\" aria-hidden=\"true\"><i><\/i><\/span><span class=\"dgv-rel-btns\"><button class=\"dgv-rel-btn\" type=\"button\" data-dir=\"-1\" aria-controls=\"dgv-rel-track\" aria-label=\"Previous\"><svg class=\"dgv-i dgv-rel-prev\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><\/button><button class=\"dgv-rel-btn\" type=\"button\" data-dir=\"1\" aria-controls=\"dgv-rel-track\" aria-label=\"Next\"><svg class=\"dgv-i\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#dgv-i-arrow\"><\/use><\/svg><\/button><\/span><\/div>\n<\/div>\n<\/div>\n<\/section>\n<div class=\"dgt-toast\" data-dgt-toast role=\"status\" aria-live=\"polite\"><\/div>\n<\/div>\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebApplication\",\"@id\":\"https:\/\/www.digiaccion.com\/en\/html-color-codes\/#herramienta\",\"name\":\"HTML Color Codes Chart: HEX, RGB and Color Names\",\"description\":\"Free tool by DigiAcci\u00f3n: color picker with HEX, RGB, HSL and CMYK, WCAG 2.2 color contrast checker, eyedropper and a chart of 139 HTML colors, Tailwind, pastel and web safe colors.\",\"url\":\"https:\/\/www.digiaccion.com\/en\/html-color-codes\/\",\"applicationCategory\":\"DesignApplication\",\"operatingSystem\":\"Any\",\"browserRequirements\":\"Requires JavaScript\",\"inLanguage\":\"en-US\",\"isAccessibleForFree\":true,\"offers\":{\"@type\":\"Offer\",\"price\":\"0\",\"priceCurrency\":\"EUR\"},\"creator\":{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.digiaccion.com\/#organization\",\"name\":\"DigiAcci\u00f3n\",\"url\":\"https:\/\/www.digiaccion.com\/\"},\"publisher\":{\"@id\":\"https:\/\/www.digiaccion.com\/#organization\"},\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.digiaccion.com\/en\/html-color-codes\/#webpage\"}},{\"@type\":\"FAQPage\",\"@id\":\"https:\/\/www.digiaccion.com\/en\/html-color-codes\/#faq\",\"url\":\"https:\/\/www.digiaccion.com\/en\/html-color-codes\/\",\"isPartOf\":{\"@id\":\"https:\/\/www.digiaccion.com\/en\/html-color-codes\/#webpage\"},\"inLanguage\":\"en-US\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is a hex color code?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"It is an RGB color written in base 16: a hash sign followed by six characters, two for red, two for green and two for blue. Each pair runs from 00 to FF, so #00FF00 is pure green. It is the most common format in web design because it is short and easy to copy.\"}},{\"@type\":\"Question\",\"name\":\"How many hex color codes are there?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"There are 16,777,216 six-digit hex codes, because each of the three channels has 256 possible values (256 x 256 x 256). With the eight-digit format you can also give each one of 256 levels of opacity.\"}},{\"@type\":\"Question\",\"name\":\"How many HTML color names are there?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Browsers recognize 148 color names, which map to 139 different colors because some are synonyms, such as gray and grey or aqua and cyan. All of them are in the chart above, grouped by family, with their aliases next to them.\"}},{\"@type\":\"Question\",\"name\":\"How do I get the hex color code from an image?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Press \\\"Color from an image\\\", choose a photo or screenshot and click the exact spot you need: the hex code is copied right away. The image opens inside your browser and is never uploaded. In a desktop browser such as Chrome or Edge you can also use the eyedropper to pick any color on your screen.\"}},{\"@type\":\"Question\",\"name\":\"Are hex codes RGB?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. A hex code is an RGB value written in hexadecimal instead of decimal: #FF8000 and rgb(255, 128, 0) are exactly the same orange. That is why you can convert between them without losing any information.\"}},{\"@type\":\"Question\",\"name\":\"What is RGB?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"RGB stands for red, green and blue, the three colors of light that screens mix to create every other color. Each channel goes from 0 to 255: rgb(0, 0, 0) is black and rgb(255, 255, 255) is white. It is the color model used by monitors, phones and TVs.\"}},{\"@type\":\"Question\",\"name\":\"Can hex codes be used for print?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Only as a reference: printers work in CMYK, so the color has to be converted and some bright screen colors cannot be reproduced with ink. For important jobs, ask your print shop which color profile they use and request a proof. The CMYK value shown by the picker is a mathematical approximation.\"}},{\"@type\":\"Question\",\"name\":\"What is the hex code for transparent?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"In CSS you can simply write transparent , which equals rgb(0 0 0 \/ 0%) . In hex, use the eight-digit format with zero opacity, such as #00000000 . Any eight-digit code ending in 00 is fully transparent.\"}},{\"@type\":\"Question\",\"name\":\"What is the hex code for white?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"White is #FFFFFF , or #FFF in short form, and rgb(255, 255, 255) . The eight-digit code #FFFFFFFF is also white, with full opacity. Black is the opposite: #000000 .\"}},{\"@type\":\"Question\",\"name\":\"What is color contrast ratio?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"It is a number that compares the luminance of two colors, usually text and its background. WCAG calculates it as (L1 + 0.05) \/ (L2 + 0.05), where L1 is the relative luminance of the lighter color, so it ranges from 1:1 (the same color) to 21:1 (black on white). The higher the ratio, the easier the text is to read.\"}},{\"@type\":\"Question\",\"name\":\"What is a good contrast ratio?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"For body text, at least 4.5:1, the WCAG AA minimum; large text (18 point, or 14 point bold), icons and borders need at least 3:1, and level AAA asks for 7:1. Black on white is the maximum, 21:1. On a white background, #767676 is the lightest neutral gray that passes AA for normal text (4.54:1), while #777777 falls just short at 4.47:1.\"}},{\"@type\":\"Question\",\"name\":\"What is WCAG AA contrast?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"It is the contrast level most accessibility laws and standards refer to. WCAG 2.2 level AA requires a contrast ratio of at least 4.5:1 for normal text, 3:1 for large text and 3:1 for user interface components and meaningful graphics, such as icons and form field borders. Level AAA is stricter: 7:1 for normal text and 4.5:1 for large text.\"}}]}]}<\/script>\n<script id=\"dgv-js\">\n\/* DigiAcci\u00f3n | P\u00e1ginas verticales | JS del bloque (nativo, sin librer\u00edas).\n   No se ejecuta en el constructor visual de Divi (body.et-fb o ?et_fb=1): all\u00ed todo queda desplegado y editable. *\/\n(function () {\n  var d = document, b = d.body;\n  if (!b || b.classList.contains('et-fb') || \/[?&](et_fb|et_pb_preview)=\/.test(location.search)) return;\n  var roots = d.querySelectorAll('.dgv[data-dgv]');\n  var RM = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var FINE = window.matchMedia && window.matchMedia('(hover: hover) and (pointer: fine)').matches;\n  function each(list, fn) { Array.prototype.forEach.call(list, fn); }\n  each(roots, function (root) {\n    if (root.getAttribute('data-dgv-on')) return;\n    root.setAttribute('data-dgv-on', '1');\n    root.classList.add('dgv-js');\n    \/* 10. Nota y n\u00famero de rese\u00f1as de Google desde verticales.css (v11): :root{--dgv-google-nota;--dgv-google-resenas}.\n       Si cambian all\u00ed, se actualizan todas las menciones del bloque ([data-dgv-g]) sin volver a pegar el c\u00f3digo.\n       El HTML lleva el valor del d\u00eda en que se construy\u00f3 (es lo que se ve sin JS y lo que leen los buscadores). *\/\n    (function () {\n      var cs = getComputedStyle(d.documentElement);\n      function val(n) { return (cs.getPropertyValue(n) || '').trim().replace(\/^[\"']|[\"']$\/g, ''); }\n      var nota = val('--dgv-google-nota'), res = val('--dgv-google-resenas');\n      if (!\/^\\d([.,]\\d)?$\/.test(nota)) nota = '';\n      if (!\/^\\d{1,5}$\/.test(res)) res = '';\n      if (nota && \/^en\/i.test(root.getAttribute('lang') || '')) nota = nota.replace(',', '.');\n      if (nota) each(root.querySelectorAll('[data-dgv-g=\"nota\"]'), function (el) { if (el.textContent !== nota) el.textContent = nota; });\n      if (res) each(root.querySelectorAll('[data-dgv-g=\"resenas\"]'), function (el) { if (el.textContent !== res) el.textContent = res; });\n    })();\n    \/* 1. Aparici\u00f3n suave al entrar en pantalla *\/\n    var rv = root.querySelectorAll('[data-dgv-r]');\n    var late = window.performance && performance.now() > 4000; \/* script retrasado por un optimizador: sin animaci\u00f3n de entrada *\/\n    if (!RM && !late && 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (es) {\n        es.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('is-in'); io.unobserve(e.target); } });\n      }, { rootMargin: '0px 0px -6% 0px', threshold: 0.06 });\n      each(rv, function (el) { io.observe(el); });\n    } else { each(rv, function (el) { el.classList.add('is-in'); }); }\n    \/* 2. Preguntas frecuentes: botones con aria-expanded (rat\u00f3n y teclado) *\/\n    each(root.querySelectorAll('.dgv-faq-btn'), function (btn) {\n      btn.addEventListener('click', function () {\n        var item = btn.closest('.dgv-faq-item'), open = btn.getAttribute('aria-expanded') !== 'true';\n        btn.setAttribute('aria-expanded', open ? 'true' : 'false');\n        item.classList.toggle('is-open', open);\n      });\n    });\n    \/* 3. \"Leer m\u00e1s\": texto completo en el HTML, plegado con degradado *\/\n    var more = root.querySelector('[data-dgv-more]'), mb = root.querySelector('.dgv-more-btn');\n    if (more && mb) {\n      var lab = mb.querySelector('.dgv-more-lab');\n      var setMore = function (open, fromFocus) {\n        if (open === more.classList.contains('is-open')) return;\n        mb.setAttribute('aria-expanded', open ? 'true' : 'false');\n        if (lab) lab.textContent = mb.getAttribute(open ? 'data-less' : 'data-more');\n        if (open) {\n          more.style.maxHeight = more.scrollHeight + 'px';\n          more.classList.add('is-open');\n          var done = function () { more.style.maxHeight = 'none'; more.removeEventListener('transitionend', done); };\n          if (RM || fromFocus) done(); else more.addEventListener('transitionend', done);\n        } else {\n          more.style.maxHeight = more.scrollHeight + 'px';\n          void more.offsetHeight;\n          more.classList.remove('is-open');\n          more.style.maxHeight = '';\n          var card = more.closest('.dgv-more-card') || more;\n          var top = card.getBoundingClientRect().top;\n          if (top < 0) window.scrollTo({ top: window.pageYOffset + top - 110, behavior: RM ? 'auto' : 'smooth' });\n        }\n      };\n      mb.addEventListener('click', function () { setMore(mb.getAttribute('aria-expanded') !== 'true'); });\n      more.addEventListener('focusin', function () { setMore(true, true); });\n    }\n    \/* 4. Luz que sigue al cursor en las tarjetas con borde luminoso *\/\n    if (FINE && !RM) {\n      root.addEventListener('pointermove', function (e) {\n        var c = e.target.closest ? e.target.closest('.dgv-glow') : null;\n        if (!c) return;\n        var r = c.getBoundingClientRect();\n        c.style.setProperty('--dgv-mx', (e.clientX - r.left) + 'px');\n        c.style.setProperty('--dgv-my', (e.clientY - r.top) + 'px');\n      }, { passive: true });\n      \/* Inclinaci\u00f3n ligera de la ventana de la demo *\/\n      each(root.querySelectorAll('[data-dgv-tilt]'), function (w) {\n        w.addEventListener('pointermove', function (e) {\n          var r = w.getBoundingClientRect(), x = (e.clientX - r.left) \/ r.width - 0.5, y = (e.clientY - r.top) \/ r.height - 0.5;\n          w.style.setProperty('--dgv-ry', (x * 5).toFixed(2) + 'deg');\n          w.style.setProperty('--dgv-rx', (-y * 4).toFixed(2) + 'deg');\n        }, { passive: true });\n        w.addEventListener('pointerleave', function () { w.style.setProperty('--dgv-ry', '0deg'); w.style.setProperty('--dgv-rx', '0deg'); });\n      });\n    }\n    \/* 5. Frases de impacto: una diapositiva por frase a pantalla completa. La secci\u00f3n queda fijada (sticky en la CSS)\n       y la pista se desplaza en horizontal seg\u00fan el scroll vertical dentro de ella. Sin JS o con movimiento reducido,\n       la CSS deja las frases una debajo de otra. Cada diapositiva se queda quieta un tramo (HOLD) para que en reposo\n       no se vean dos a medias, y el paso de una a otra va suavizado. *\/\n    var hx = root.querySelector('[data-dgv-hx]');\n    var hxs = hx ? hx.querySelectorAll('.dgv-hx-slide') : [], hxn = hxs.length, hxp = hx && hx.querySelector('.dgv-hx-pin');\n    if (hx && hxp && hxn > 1 && !RM) {\n      hx.classList.add('is-hx');\n      var cnt = hx.querySelector('.dgv-hx-count'), HOLD = 0.22, hxTick = false, hxLive = false, hxCur = -1;\n      var clamp = function (v, a, z) { return v < a ? a : (v > z ? z : v); };\n      var ease = function (t) { return t * t * t * (t * (t * 6 - 15) + 10); };\n      var hxPaint = function () {\n        hxTick = false;\n        if (!hx.classList.contains('is-hx')) return;\n        var r = hx.getBoundingClientRect(), ph = hxp.offsetHeight, run = r.height - ph;\n        \/* Seguro: si algo de la p\u00e1gina rompe el sticky (overflow o transform en un ancestro), el pin no se queda\n           arriba dentro del recorrido; entonces se vuelve a las frases una debajo de otra. *\/\n        if (r.top < -40 && r.bottom > ph + 40 && Math.abs(hxp.getBoundingClientRect().top) > 4) {\n          hx.classList.remove('is-hx'); hxListen(false); return;\n        }\n        var p = run > 0 ? clamp(-r.top \/ run, 0, 1) : 0;\n        var s = p * (hxn - 1), k = Math.min(hxn - 2, Math.floor(s));\n        var x = k + ease(clamp((s - k - HOLD) \/ (1 - 2 * HOLD), 0, 1)), t = x \/ (hxn - 1) * 2;\n        hx.style.setProperty('--dgv-hx-x', x.toFixed(4));\n        hx.style.setProperty('--dgv-hx-p', p.toFixed(4));\n        hx.style.setProperty('--dgv-hx-bar', ((1 + x) \/ hxn).toFixed(4));\n        for (var j = 0; j < 3; j++) hx.style.setProperty('--dgv-hx-w' + j, Math.max(0, 1 - Math.abs(t - j)).toFixed(3));\n        each(hxs, function (sl, i) {\n          var o = clamp(i - x, -1, 1);\n          sl.style.setProperty('--dgv-hx-o', o.toFixed(4));\n          sl.style.setProperty('--dgv-hx-a', Math.abs(o).toFixed(4));\n        });\n        var cur = Math.round(x);\n        if (cur !== hxCur && cnt) { hxCur = cur; cnt.setAttribute('data-n', (cur < 9 ? '0' : '') + (cur + 1)); }\n      };\n      var hxOn = function () { if (!hxTick) { hxTick = true; window.requestAnimationFrame(hxPaint); } };\n      var hxListen = function (on) {\n        if (!hx.classList.contains('is-hx')) on = false;\n        if (on === hxLive) return;\n        hxLive = on;\n        window[on ? 'addEventListener' : 'removeEventListener']('scroll', hxOn, { passive: true });\n        window[on ? 'addEventListener' : 'removeEventListener']('resize', hxOn, { passive: true });\n        hxOn();\n      };\n      if ('IntersectionObserver' in window) {\n        new IntersectionObserver(function (es) { hxListen(es[es.length - 1].isIntersecting); }, { rootMargin: '25% 0px 25% 0px' }).observe(hx);\n      } else { hxListen(true); }\n      hxPaint();\n    }\n    \/* 6. Carruseles ([data-dgv-car]: servicios relacionados, servicios principales en m\u00f3vil y testimonios), cada uno por\n       separado. Scroll nativo (scroll-snap en la CSS: se desliza con el dedo, el trackpad o el teclado). Los botones pasan\n       una p\u00e1gina de tarjetas y quedan desactivados (aria-disabled, siguen enfocables) en cada extremo. Si todas las\n       tarjetas caben (o la CSS las pone en cuadr\u00edcula), .is-static y sin botones. Sin JS los botones no se ven y la pista\n       sigue siendo deslizable. *\/\n    each(root.querySelectorAll('[data-dgv-car]'), function (car) {\n      var tr = car.querySelector('.dgv-rel-track'), rb = car.querySelectorAll('.dgv-rel-btn');\n      if (!tr || rb.length < 2 || !tr.children.length) return;\n      var cards = tr.children, relTick = false;\n      var off = function (bt, v) { bt.setAttribute('aria-disabled', v ? 'true' : 'false'); };\n      var relPaint = function () {\n        relTick = false;\n        var max = tr.scrollWidth - tr.clientWidth, x = tr.scrollLeft;\n        car.classList.toggle('is-static', max <= 2);\n        off(rb[0], x <= 2); off(rb[1], x >= max - 2);\n        car.style.setProperty('--dgv-rel-w', (tr.clientWidth \/ tr.scrollWidth).toFixed(4));\n        car.style.setProperty('--dgv-rel-x', (tr.scrollWidth ? x \/ tr.scrollWidth : 0).toFixed(4));\n      };\n      var relOn = function () { if (!relTick) { relTick = true; window.requestAnimationFrame(relPaint); } };\n      each(rb, function (bt) {\n        bt.addEventListener('click', function () {\n          if (bt.getAttribute('aria-disabled') === 'true') return;\n          var cs = getComputedStyle(tr), pl = parseFloat(cs.paddingLeft) || 0, pr = parseFloat(cs.paddingRight) || 0;\n          var gap = parseFloat(cs.columnGap) || 0, tl = tr.getBoundingClientRect().left + pl;\n          var w = cards[0].getBoundingClientRect().width, n = cards.length, k = 0;\n          var per = Math.max(1, Math.floor((tr.clientWidth - pl - pr + gap + 2) \/ (w + gap)));\n          while (k < n - 1 && cards[k].getBoundingClientRect().left < tl - 2) k++;   \/* primera tarjeta visible entera *\/\n          var to = Math.max(0, Math.min(n - 1, k + (bt.getAttribute('data-dir') === '-1' ? -per : per)));\n          var max = tr.scrollWidth - tr.clientWidth;\n          var left = Math.max(0, Math.min(max, tr.scrollLeft + cards[to].getBoundingClientRect().left - tl));\n          tr.scrollTo({ left: left, behavior: RM ? 'auto' : 'smooth' });\n        });\n      });\n      tr.addEventListener('scroll', relOn, { passive: true });\n      window.addEventListener('resize', relOn, { passive: true });\n      if ('ResizeObserver' in window) new ResizeObserver(relOn).observe(tr);\n      relPaint();\n    });\n    \/* 8. Testimonios con el texto largo: las citas largas llevan en el HTML el texto completo y un bot\u00f3n oculto (hidden).\n       Si el texto pasa de 7 l\u00edneas (6 = --dgv-q-lines en la CSS, m\u00e1s una de margen) en el ancho actual, la tarjeta pasa a .is-clamp (texto\n       recortado con degradado) y se ense\u00f1a el bot\u00f3n \"+ Leer m\u00e1s\", que lo despliega en la propia tarjeta (aria-expanded y el\n       texto del bot\u00f3n cambian). Las tarjetas cerradas del carrusel tienen el mismo alto; al desplegar una, la pista pasa a\n       .has-open y fija el alto de las dem\u00e1s (--dgv-qh), as\u00ed solo crece la desplegada. Se recalcula al cambiar el ancho y al\n       cargar las fuentes. Sin JS: texto entero, sin bot\u00f3n. *\/\n    var qs = root.querySelectorAll('.dgv-quote'), qW = -1, qTick = false;\n    var qAfter = function (el, fn) {           \/* fin de la transici\u00f3n (o enseguida con movimiento reducido) *\/\n      var ok = false, go = function () { if (ok) return; ok = true; el.removeEventListener('transitionend', go); fn(); };\n      if (RM) { go(); return; }\n      el.addEventListener('transitionend', go); setTimeout(go, 800);\n    };\n    var qLock = function (tr) {                 \/* alto de las tarjetas cerradas, medido con las abiertas recortadas *\/\n      if (!tr || !tr.classList.contains('has-open')) return;\n      var open = tr.querySelectorAll('.dgv-quote.is-open');\n      each(open, function (f) { f.classList.add('is-measuring'); });\n      tr.classList.remove('has-open');\n      var h = tr.firstElementChild ? tr.firstElementChild.offsetHeight : 0;\n      tr.style.setProperty('--dgv-qh', h + 'px');\n      tr.classList.add('has-open');\n      each(open, function (f) { f.classList.remove('is-measuring'); });\n    };\n    var qFit = function () {\n      each(qs, function (fig) {\n        var bt = fig.querySelector('.dgv-q-more'), bq = fig.querySelector('.dgv-q-body');\n        if (!bt || !bq) return;\n        var cs = getComputedStyle(bq), lh = parseFloat(cs.lineHeight) || parseFloat(cs.fontSize) * 1.5;\n        var n = parseFloat(getComputedStyle(fig).getPropertyValue('--dgv-q-lines')) || 6;\n        var long = bq.scrollHeight > lh * (n + 1) + 4;   \/* con una sola l\u00ednea de m\u00e1s se lee entera: no se recorta *\/\n        if (long || fig.classList.contains('is-open')) { bt.hidden = false; fig.classList.add('is-clamp'); }\n        else { bt.hidden = true; fig.classList.remove('is-clamp'); }\n      });\n      each(root.querySelectorAll('.dgv-qcar-track.has-open'), qLock);\n    };\n    each(qs, function (fig) {\n      var bt = fig.querySelector('.dgv-q-more'), bq = fig.querySelector('.dgv-q-body');\n      if (!bt || !bq) return;\n      var lab = bt.querySelector('.dgv-q-lab');\n      bt.addEventListener('click', function () {\n        var open = bt.getAttribute('aria-expanded') !== 'true', tr = fig.closest('.dgv-qcar-track'), it = fig.parentNode;\n        bt.setAttribute('aria-expanded', open ? 'true' : 'false');\n        if (lab) lab.textContent = bt.getAttribute(open ? 'data-less' : 'data-more');\n        if (open) {\n          if (tr && !tr.classList.contains('has-open')) { tr.style.setProperty('--dgv-qh', it.offsetHeight + 'px'); tr.classList.add('has-open'); }\n          bq.style.maxHeight = bq.scrollHeight + 'px';\n          fig.classList.add('is-open');\n          qAfter(bq, function () { if (fig.classList.contains('is-open')) bq.style.maxHeight = 'none'; });\n        } else {\n          var top = fig.getBoundingClientRect().top;     \/* si la tarjeta empieza por encima de la pantalla, se vuelve a ella *\/\n          if (top < 80) window.scrollTo({ top: window.pageYOffset + top - 110, behavior: RM ? 'auto' : 'smooth' });\n          bq.style.maxHeight = bq.scrollHeight + 'px';\n          void bq.offsetHeight;\n          fig.classList.remove('is-open');\n          bq.style.maxHeight = '';\n          qAfter(bq, function () {\n            if (tr && !tr.querySelector('.dgv-quote.is-open')) { tr.classList.remove('has-open'); tr.style.removeProperty('--dgv-qh'); }\n          });\n        }\n      });\n    });\n    if (qs.length) {\n      var qOn = function () {\n        if (qTick) return; qTick = true;\n        window.requestAnimationFrame(function () { qTick = false; var w = root.clientWidth; if (w !== qW) { qW = w; qFit(); } });\n      };\n      window.addEventListener('resize', qOn, { passive: true });\n      if (d.fonts && d.fonts.ready) d.fonts.ready.then(function () { qW = -1; qOn(); });\n      qW = root.clientWidth; qFit();\n    }\n    \/* 9. Hablan de nosotros (v11): cinta de logos en movimiento continuo. Sin JS, en el constructor de Divi o con movimiento\n       reducido, los logos quedan quietos y centrados. Aqu\u00ed se duplica la lista (la copia, oculta a lectores de pantalla y sin\n       texto alternativo) para que el bucle no tenga cortes; la velocidad depende del ancho; se pausa al pasar el rat\u00f3n y\n       cuando la cinta est\u00e1 fuera de la pantalla. *\/\n    each(root.querySelectorAll('[data-dgv-press]'), function (mq) {\n      var ul = mq.querySelector('.dgv-press-list');\n      if (RM || !ul || mq.classList.contains('is-mq')) return;\n      var cp = ul.cloneNode(true);\n      cp.setAttribute('aria-hidden', 'true');\n      each(cp.querySelectorAll('img'), function (im) { im.setAttribute('alt', ''); });\n      each(ul.querySelectorAll('img'), function (im) { im.loading = 'eager'; });   \/* que no aparezcan de golpe al entrar en la cinta *\/\n      each(cp.querySelectorAll('img'), function (im) { im.loading = 'eager'; });\n      mq.appendChild(cp);\n      mq.classList.add('is-mq');\n      function speed() { mq.style.setProperty('--dgv-pd', Math.max(22, Math.round(ul.scrollWidth \/ 42)) + 's'); }\n      speed();\n      if ('ResizeObserver' in window) { new ResizeObserver(speed).observe(ul); }\n      if ('IntersectionObserver' in window) {\n        new IntersectionObserver(function (es) { es.forEach(function (e) { mq.classList.toggle('is-off', !e.isIntersecting); }); }).observe(mq);\n      }\n    });\n    \/* 7. Respaldo del formulario de contacto: el bloque no lleva formulario; debajo va la secci\u00f3n de contacto de Divi\n       con el formulario de cada idioma. Si en la p\u00e1gina NO hay ning\u00fan elemento con id=\"contacto\", los enlaces del bloque\n       a #contacto llevan al primer formulario visible que haya despu\u00e9s del bloque, con el mismo margen de cabecera que\n       las secciones (scroll-margin-top de .dgv-sec). Si existe #contacto no se toca nada; si no hay formulario, tampoco. *\/\n    root.addEventListener('click', function (e) {\n      var a = e.target.closest ? e.target.closest('a[href=\"#contacto\"]') : null;\n      if (!a || e.defaultPrevented || e.button || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;\n      if (d.getElementById('contacto')) return;\n      var fs = d.querySelectorAll('form'), f = null;\n      for (var k = 0; k < fs.length && !f; k++) {\n        if (!root.contains(fs[k]) && (root.compareDocumentPosition(fs[k]) & 4) && fs[k].getClientRects().length) f = fs[k];\n      }\n      if (!f) return;\n      e.preventDefault();\n      var sec = root.querySelector('.dgv-sec'), m = sec ? parseFloat(getComputedStyle(sec).scrollMarginTop) : NaN;\n      window.scrollTo({ top: Math.max(0, f.getBoundingClientRect().top + window.pageYOffset - (m >= 0 ? m : 100)), behavior: RM ? 'auto' : 'smooth' });\n      if (e.detail === 0) { \/* activado con teclado: el foco pasa al formulario, como har\u00eda el ancla *\/\n        if (!f.hasAttribute('tabindex')) f.setAttribute('tabindex', '-1');\n        try { f.focus({ preventScroll: true }); } catch (er) { \/* navegadores antiguos: sin foco *\/ }\n      }\n    });\n    \/* 11. Tarjetas clicables en 3D ([data-dgv-3d], v12). Con rat\u00f3n: se inclinan siguiendo al cursor. En pantallas t\u00e1ctiles:\n       la tarjeta que pasa por el centro de la pantalla se enciende (.is-focus) y al tocarla se hunde un poco (CSS :active). *\/\n    var c3 = root.querySelectorAll('[data-dgv-3d]');\n    if (c3.length && !RM) {\n      if (FINE) {\n        each(c3, function (c) {\n          var t = null, ex = 0, ey = 0;\n          var tilt = function () {\n            t = null;\n            var r = c.getBoundingClientRect(), x = (ex - r.left) \/ r.width - 0.5, y = (ey - r.top) \/ r.height - 0.5;\n            c.style.setProperty('--ry', (x * 9).toFixed(2) + 'deg');\n            c.style.setProperty('--rx', (-y * 7).toFixed(2) + 'deg');\n          };\n          c.addEventListener('pointerenter', function (e) { if (e.pointerType === 'mouse') c.classList.add('is-tilt'); });\n          c.addEventListener('pointermove', function (e) {\n            if (e.pointerType !== 'mouse') return;\n            ex = e.clientX; ey = e.clientY; if (!t) t = window.requestAnimationFrame(tilt);\n          }, { passive: true });\n          c.addEventListener('pointerleave', function () {\n            c.classList.remove('is-tilt'); c.style.removeProperty('--rx'); c.style.removeProperty('--ry');\n          });\n        });\n      } else if ('IntersectionObserver' in window) {\n        var io3 = new IntersectionObserver(function (es) {\n          es.forEach(function (e) { e.target.classList.toggle('is-focus', e.isIntersecting); });\n        }, { rootMargin: '-40% 0px -40% 0px' });\n        each(c3, function (c) { io3.observe(c); });\n      }\n    }\n    \/* 13. Ilustraciones en c\u00f3digo (.dgp-ill, v13): se animan solo mientras se ven (sin JS o sin IntersectionObserver, siempre). *\/\n    var ills = root.querySelectorAll('.dgp-ill');\n    if (ills.length) {\n      if ('IntersectionObserver' in window) {\n        var ioI = new IntersectionObserver(function (es) {\n          es.forEach(function (e) { e.target.classList.toggle('is-vis', e.isIntersecting); });\n        }, { rootMargin: '60px 0px 60px 0px' });\n        each(ills, function (el) { ioI.observe(el); });\n      } else { each(ills, function (el) { el.classList.add('is-vis'); }); }\n    }\n  });\n  \/* 12. Cursor de DigiAcci\u00f3n (v12): anillo de degradado que sigue a la flecha con un retraso suave; sobre enlaces y botones\n     crece y brilla, y al pulsar se encoge. Solo con rat\u00f3n y sin movimiento reducido. Una sola vez por p\u00e1gina: si ya lo ha\n     puesto el fragmento global de Divi (window.dgvCursor), no se repite. *\/\n  if (FINE && !RM && !window.dgvCursor) {\n    window.dgvCursor = 1;\n    var cur = d.createElement('div'), cx = -100, cy = -100, tx = -100, ty = -100, raf = 0;\n    cur.className = 'dgv-cur'; cur.setAttribute('aria-hidden', 'true'); b.appendChild(cur);\n    var HOT = 'a,button,[role=\"button\"],[role=\"tab\"],summary,label[for],select,.dgp-strat-row';\n    var loop = function () {\n      cx += (tx - cx) * 0.22; cy += (ty - cy) * 0.22;\n      cur.style.transform = 'translate3d(' + cx.toFixed(1) + 'px,' + cy.toFixed(1) + 'px,0)';\n      raf = (Math.abs(tx - cx) + Math.abs(ty - cy) > 0.2) ? window.requestAnimationFrame(loop) : 0;\n    };\n    d.addEventListener('pointermove', function (e) {\n      if (e.pointerType !== 'mouse') { cur.classList.remove('is-on'); return; }\n      tx = e.clientX; ty = e.clientY;\n      if (!cur.classList.contains('is-on')) { cx = tx; cy = ty; cur.classList.add('is-on'); }\n      var h = e.target && e.target.closest ? e.target.closest(HOT) : null;\n      cur.classList.toggle('is-big', !!h);\n      if (!raf) raf = window.requestAnimationFrame(loop);\n    }, { passive: true });\n    d.addEventListener('pointerdown', function () { cur.classList.add('is-press'); }, { passive: true });\n    d.addEventListener('pointerup', function () { cur.classList.remove('is-press'); }, { passive: true });\n    d.documentElement.addEventListener('mouseleave', function () { cur.classList.remove('is-on'); });\n    window.addEventListener('blur', function () { cur.classList.remove('is-on'); });\n  }\n})();\n\/* DigiAcci\u00f3n | Herramientas gratuitas (ra\u00edz .dgv.dgt): rejilla de s\u00edmbolos, conversor de romaji, valoraci\u00f3n con estrellas,\n   regla a tama\u00f1o real y colores. JS nativo, sin dependencias. Sin JS, todo el contenido se ve (las rejillas, los colores\n   y los textos est\u00e1n en el HTML); el JS a\u00f1ade copiar, buscar, filtrar, convertir y medir. *\/\n(function () {\n  'use strict';\n  var d = document;\n  function go() {\n    var root = d.querySelector('.dgv.dgt');\n    if (!root) return;\n    var b = d.body;\n    if (b && (b.classList.contains('et-fb') || \/[?&](et_fb|et_pb_preview)=\/.test(location.search))) return;\n    \/* Modo claro de entrada (.dgt-claro, solo en las herramientas): en cuanto el visitante usa el interruptor d\u00eda y noche\n       de la web, la herramienta sigue al interruptor como el resto de p\u00e1ginas. No guarda nada ni cambia la web. *\/\n    if (root.classList.contains('dgt-claro') && b && window.MutationObserver) {\n      var lm0 = b.classList.contains('diviui-light-mode');\n      var mo = new MutationObserver(function () { if (b.classList.contains('diviui-light-mode') !== lm0) { root.classList.remove('dgt-claro'); mo.disconnect(); } });\n      mo.observe(b, { attributes: true, attributeFilter: ['class'] });\n    }\n    var LANG = root.getAttribute('lang') || 'es';\n    var NUM = function (n, dec) { try { return n.toLocaleString(LANG === 'es' ? 'es-ES' : 'en-US', { maximumFractionDigits: dec, minimumFractionDigits: 0 }); } catch (e) { return String(Math.round(n * 100) \/ 100); } };\n    var toastEl = root.querySelector('[data-dgt-toast]'), tt = 0;\n    function toast(msg) {\n      if (!toastEl) return;\n      toastEl.textContent = msg; toastEl.classList.add('is-on');\n      clearTimeout(tt); tt = setTimeout(function () { toastEl.classList.remove('is-on'); }, 1600);\n    }\n    function copy(text) {\n      function fb() {\n        var ta = d.createElement('textarea'); ta.value = text; ta.setAttribute('readonly', '');\n        ta.style.cssText = 'position:fixed;top:0;left:0;opacity:0;pointer-events:none';\n        d.body.appendChild(ta); ta.select();\n        try { d.execCommand('copy'); } catch (e) { \/* nada *\/ }\n        d.body.removeChild(ta);\n      }\n      try {\n        if (navigator.clipboard && window.isSecureContext) { return navigator.clipboard.writeText(text).catch(fb); }\n      } catch (e) { \/* nada *\/ }\n      fb(); return Promise.resolve();\n    }\n    function cpStr(hex) { return hex.split('-').map(function (h) { return String.fromCodePoint(parseInt(h, 16)); }).join(''); }\n    function cps(s) { var o = []; for (var ch of s) o.push(ch.codePointAt(0).toString(16).toUpperCase()); return o; }\n    function norm(s) { return (s || '').toLowerCase().normalize('NFD').replace(\/[\u0300-\u036f]\/g, ''); }\n    function esc(s) { return String(s).replace(\/[&<>\"]\/g, function (c) { return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;' }[c]; }); }\n    function ui(el) { try { return JSON.parse(el.getAttribute('data-ui') || '{}'); } catch (e) { return {}; } }\n    function pad4(h) { return h.length < 4 ? ('0000' + h).slice(-4) : h; }\n    \/* ---------- Panel de detalle (\u00faltimo elemento copiado) ---------- *\/\n    function detailPanel(tool, U) {\n      var p = tool.querySelector('[data-dgt-detail]');\n      if (!p) return function () {};\n      var fg = p.querySelector('[data-f=\"g\"]'), fn = p.querySelector('[data-f=\"n\"]'), fs = p.querySelector('[data-f=\"s\"]'), ff = p.querySelector('[data-f=\"fmts\"]');\n      p.querySelector('[data-act=\"close-detail\"]').addEventListener('click', function () { p.hidden = true; });\n      d.addEventListener('keydown', function (e) { if (e.key === 'Escape') p.hidden = true; });\n      ff.addEventListener('click', function (e) {\n        var bt = e.target.closest('button[data-v]'); if (!bt) return;\n        copy(bt.getAttribute('data-v')); toast((U.copiado || 'Copied') + ': ' + bt.getAttribute('data-v'));\n      });\n      return function (glyph, name, fmts, color) {\n        fg.textContent = color ? '' : glyph;\n        if (color) fg.style.setProperty('--c', color); else fg.style.removeProperty('--c');\n        fn.textContent = name; fs.textContent = (U.copiado || 'Copied');\n        ff.innerHTML = fmts.filter(function (f) { return f && f[1]; }).map(function (f) {\n          return '<button type=\"button\" data-v=\"' + esc(f[1]) + '\"><b>' + esc(f[0]) + '<\/b><code>' + esc(f[2] || f[1]) + '<\/code><\/button>';\n        }).join('');\n        p.hidden = false;\n      };\n    }\n    \/* ---------- 1. Rejilla de s\u00edmbolos, emojis y kana ---------- *\/\n    Array.prototype.forEach.call(root.querySelectorAll('[data-dgt-grid]'), function (tool) {\n      var U = ui(tool), mode = tool.getAttribute('data-detalle');\n      var items = Array.prototype.slice.call(tool.querySelectorAll('.dgt-i'));\n      var groups = Array.prototype.slice.call(tool.querySelectorAll('.dgt-grp'));\n      var q = tool.querySelector('[data-dgt-q]'), empty = tool.querySelector('[data-dgt-empty]');\n      var tray = tool.querySelector('[data-dgt-tray]'), trayOut = tray && tray.querySelector('.dgt-tray-t');\n      var show = detailPanel(tool, U), tone = '', curG = '*';\n      var idx = items.map(function (el) {\n        var dc = el.getAttribute('data-c'), v = dc ? cpStr(dc) : el.textContent;\n        var g = el.querySelector('.dgt-g'); if (g && dc) g.textContent = v;\n        el._v = v; el._base = v;\n        return { el: el, hay: norm([el.getAttribute('aria-label'), el.getAttribute('data-k'), el.getAttribute('data-r'), v].join(' ')), grp: el.closest('.dgt-grp') };\n      });\n      function trayState() { if (tray) tray.classList.toggle('is-empty', !trayOut.textContent); }\n      trayState();\n      function withTone(v) {\n        if (!tone) return v;\n        var arr = Array.from(v.replace(\/\ufe0f\/g, ''));\n        arr.splice(1, 0, String.fromCodePoint(parseInt(tone, 16)));\n        return arr.join('');\n      }\n      function filter() {\n        var s = norm(q ? q.value.trim() : ''), any = false;\n        var terms = s ? s.split(\/\\s+\/) : [];\n        idx.forEach(function (o) {\n          var okG = curG === '*' || o.grp.getAttribute('data-g') === curG;\n          var okQ = !terms.length || terms.every(function (t) { return o.hay.indexOf(t) > -1; });\n          o.el.hidden = !(okG && okQ);\n        });\n        groups.forEach(function (g) {\n          var vis = false;\n          Array.prototype.forEach.call(g.querySelectorAll('.dgt-grid'), function (gr) {\n            var has = !!gr.querySelector('.dgt-i:not([hidden])');\n            gr.hidden = !has;\n            var prev = gr.previousElementSibling;\n            if (prev && prev.classList.contains('dgt-sh')) prev.hidden = !has;\n            vis = vis || has;\n          });\n          g.hidden = !vis; any = any || vis;\n        });\n        if (empty) empty.hidden = any;\n      }\n      var tq = 0;\n      if (q) q.addEventListener('input', function () { clearTimeout(tq); tq = setTimeout(filter, 110); });\n      Array.prototype.forEach.call(tool.querySelectorAll('.dgt-chips button'), function (bt, i, all) {\n        bt.addEventListener('click', function () {\n          Array.prototype.forEach.call(all, function (x) { x.classList.toggle('is-on', x === bt); });\n          curG = bt.getAttribute('data-g'); filter();\n          if (curG !== '*') { var t = tool.querySelector('.dgt-grp[data-g=\"' + curG + '\"]'); if (t && t.getBoundingClientRect().top < 0) t.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\n        });\n      });\n      Array.prototype.forEach.call(tool.querySelectorAll('.dgt-tones button'), function (bt, i, all) {\n        bt.addEventListener('click', function () {\n          Array.prototype.forEach.call(all, function (x) { x.setAttribute('aria-checked', x === bt ? 'true' : 'false'); });\n          tone = bt.getAttribute('data-tone') || '';\n          idx.forEach(function (o) {\n            if (!o.el.hasAttribute('data-t')) return;\n            o.el._v = withTone(o.el._base);\n            var g = o.el.querySelector('.dgt-g') || o.el; g.textContent = o.el._v;\n          });\n        });\n      });\n      tool.addEventListener('click', function (e) {\n        var el = e.target.closest('.dgt-i'); if (!el) return;\n        var v = el._v || el.textContent;\n        copy(v);\n        el.classList.add('is-copied'); setTimeout(function () { el.classList.remove('is-copied'); }, 1200);\n        if (trayOut) { trayOut.textContent += v; trayState(); }\n        toast((U.copiado || 'Copied') + ': ' + v);\n        var c = cps(v), uni = c.map(function (h) { return 'U+' + pad4(h); }).join(' ');\n        var ent = el.getAttribute('data-e'), num = c.map(function (h) { return '&#x' + h + ';'; }).join('');\n        var css = c.map(function (h) { return '\\\\' + pad4(h); }).join(' ');\n        var js = c.map(function (h) { return h.length > 4 ? '\\\\u{' + h + '}' : '\\\\u' + pad4(h); }).join('');\n        var alt = el.getAttribute('data-a'), altS = '';\n        if (alt) altS = alt.split('|').map(function (a) { return 'Alt+' + a; }).join(' \/ ');\n        var f = [[U.f_simbolo || 'Symbol', v]];\n        if (mode === 'kana') f.push(['Romaji', el.getAttribute('data-r') || '']);\n        f.push(['Unicode', uni]);\n        if (ent) f.push(['HTML', '&' + ent + ';']);\n        f.push([ent ? 'HTML (n.)' : 'HTML', num]);\n        f.push(['CSS', css]);\n        f.push(['JavaScript', js]);\n        if (mode === 'simbolo') { try { f.push(['URL', encodeURIComponent(v)]); } catch (x) { \/* nada *\/ } }\n        if (altS) f.push(['Windows', altS.split(' \/ ').pop(), altS]);\n        show(v, el.getAttribute('aria-label') || '', f);\n      });\n      if (tray) tray.addEventListener('click', function (e) {\n        var a = e.target.closest('[data-act]'); if (!a) return;\n        if (a.getAttribute('data-act') === 'copy-tray' && trayOut.textContent) { copy(trayOut.textContent); toast((U.copiado || 'Copied') + ': ' + trayOut.textContent); }\n        if (a.getAttribute('data-act') === 'clear-tray') { trayOut.textContent = ''; trayState(); }\n      });\n      \/* Conversor de romaji a hiragana y katakana *\/\n      var rin = tool.querySelector('[data-dgt-rin]');\n      if (rin) {\n        var T = {}, base = {\n          a: '\u3042', i: '\u3044', u: '\u3046', e: '\u3048', o: '\u304a', ka: '\u304b', ki: '\u304d', ku: '\u304f', ke: '\u3051', ko: '\u3053', sa: '\u3055', si: '\u3057', shi: '\u3057', su: '\u3059', se: '\u305b', so: '\u305d',\n          ta: '\u305f', ti: '\u3061', chi: '\u3061', tu: '\u3064', tsu: '\u3064', te: '\u3066', to: '\u3068', na: '\u306a', ni: '\u306b', nu: '\u306c', ne: '\u306d', no: '\u306e',\n          ha: '\u306f', hi: '\u3072', hu: '\u3075', fu: '\u3075', he: '\u3078', ho: '\u307b', ma: '\u307e', mi: '\u307f', mu: '\u3080', me: '\u3081', mo: '\u3082', ya: '\u3084', yu: '\u3086', yo: '\u3088',\n          ra: '\u3089', ri: '\u308a', ru: '\u308b', re: '\u308c', ro: '\u308d', la: '\u3089', li: '\u308a', lu: '\u308b', le: '\u308c', lo: '\u308d', wa: '\u308f', wo: '\u3092',\n          ga: '\u304c', gi: '\u304e', gu: '\u3050', ge: '\u3052', go: '\u3054', za: '\u3056', zi: '\u3058', ji: '\u3058', zu: '\u305a', ze: '\u305c', zo: '\u305e', da: '\u3060', di: '\u3062', du: '\u3065', de: '\u3067', do: '\u3069',\n          ba: '\u3070', bi: '\u3073', bu: '\u3076', be: '\u3079', bo: '\u307c', pa: '\u3071', pi: '\u3074', pu: '\u3077', pe: '\u307a', po: '\u307d', vu: '\u3094',\n          kya: '\u304d\u3083', kyu: '\u304d\u3085', kyo: '\u304d\u3087', sha: '\u3057\u3083', shu: '\u3057\u3085', sho: '\u3057\u3087', sya: '\u3057\u3083', syu: '\u3057\u3085', syo: '\u3057\u3087', cha: '\u3061\u3083', chu: '\u3061\u3085', cho: '\u3061\u3087',\n          tya: '\u3061\u3083', tyu: '\u3061\u3085', tyo: '\u3061\u3087', nya: '\u306b\u3083', nyu: '\u306b\u3085', nyo: '\u306b\u3087', hya: '\u3072\u3083', hyu: '\u3072\u3085', hyo: '\u3072\u3087', mya: '\u307f\u3083', myu: '\u307f\u3085', myo: '\u307f\u3087',\n          rya: '\u308a\u3083', ryu: '\u308a\u3085', ryo: '\u308a\u3087', gya: '\u304e\u3083', gyu: '\u304e\u3085', gyo: '\u304e\u3087', ja: '\u3058\u3083', ju: '\u3058\u3085', jo: '\u3058\u3087', jya: '\u3058\u3083', jyu: '\u3058\u3085', jyo: '\u3058\u3087',\n          bya: '\u3073\u3083', byu: '\u3073\u3085', byo: '\u3073\u3087', pya: '\u3074\u3083', pyu: '\u3074\u3085', pyo: '\u3074\u3087',\n          fa: '\u3075\u3041', fi: '\u3075\u3043', fe: '\u3075\u3047', fo: '\u3075\u3049', she: '\u3057\u3047', je: '\u3058\u3047', che: '\u3061\u3047', thi: '\u3066\u3043', dhi: '\u3067\u3043', twu: '\u3068\u3045', dwu: '\u3069\u3045',\n          wi: '\u3046\u3043', we: '\u3046\u3047', va: '\u3094\u3041', vi: '\u3094\u3043', ve: '\u3094\u3047', vo: '\u3094\u3049', tsa: '\u3064\u3041', ye: '\u3044\u3047',\n          xa: '\u3041', xi: '\u3043', xu: '\u3045', xe: '\u3047', xo: '\u3049', xtu: '\u3063', xtsu: '\u3063', xya: '\u3083', xyu: '\u3085', xyo: '\u3087', '-': '\u30fc'\n        };\n        for (var k in base) T[k] = base[k];\n        var toKata = function (s) { return s.replace(\/[\u3041-\u3096]\/g, function (c) { return String.fromCharCode(c.charCodeAt(0) + 0x60); }); };\n        \/* Vocales largas (\u014d, \u00f4...): en hiragana se escriben con vocal (ou, aa, ii, uu, ee) y en katakana con la raya \u30fc.\n           Las tildes del espa\u00f1ol se quitan (\u00e1 > a) y la \u00f1 pasa a ny. *\/\n        var LV = { '\u0101': 'a', '\u00e2': 'a', '\u012b': 'i', '\u00ee': 'i', '\u016b': 'u', '\u00fb': 'u', '\u0113': 'e', '\u00ea': 'e', '\u014d': 'o', '\u00f4': 'o' }, HL = { a: 'a', i: 'i', u: 'u', e: 'e', o: 'u' };\n        var prep = function (src, kata) {\n          return src.toLowerCase().replace(\/[\u0101\u00e2\u012b\u00ee\u016b\u00fb\u0113\u00ea\u014d\u00f4]\/g, function (c) { var v = LV[c]; return v + (kata ? '-' : HL[v]); })\n            .replace(\/\u00f1\/g, 'ny').replace(\/[\u00e0-\u00ff]\/g, function (c) { return c.normalize ? c.normalize('NFD').charAt(0) : c; });\n        };\n        var conv = function (src) {\n          var s = src, out = '', i = 0;\n          while (i < s.length) {\n            var ch = s[i], nx = s[i + 1];\n            if (ch === 'n') {\n              if (nx === \"'\") { out += '\u3093'; i += 2; continue; }\n              if (nx === 'n') { out += '\u3093'; i += \/[aeiouy]\/.test(s[i + 2] || '') ? 1 : 2; continue; }\n              if (!nx || !\/[aeiouy]\/.test(nx)) { out += '\u3093'; i++; continue; }\n            }\n            if (nx && ch === nx && \/[bcdfghjklmpqrstvwxz]\/.test(ch) && ch !== 'n') { out += '\u3063'; i++; continue; }\n            if (ch === 't' && nx === 'c' && s[i + 2] === 'h') { out += '\u3063'; i++; continue; }\n            var hit = false;\n            for (var L = 4; L > 0; L--) { var part = s.substr(i, L); if (T[part]) { out += T[part]; i += L; hit = true; break; } }\n            if (!hit) { out += src[i]; i++; }\n          }\n          return out;\n        };\n        var rh = tool.querySelector('[data-dgt-rh]'), rk = tool.querySelector('[data-dgt-rk]');\n        var upd = function () { rh.textContent = conv(prep(rin.value, false)); rk.textContent = toKata(conv(prep(rin.value, true))); };\n        rin.addEventListener('input', upd);\n        if (!rin.value) rin.value = rin.getAttribute('placeholder') || ''; upd(); rin.value = '';\n      }\n      \/* Generador de valoraci\u00f3n con estrellas *\/\n      var rn = tool.querySelector('[data-dgt-rn]');\n      if (rn) {\n        var rmax = tool.querySelector('[data-dgt-rmax]'), rst = tool.querySelector('[data-dgt-rst]'), rout = tool.querySelector('[data-dgt-rout]');\n        var rv = tool.querySelector('[data-dgt-rv]'), half = rn.getAttribute('data-half');\n        var rate = function () {\n          var mx = parseInt(rmax.value, 10); rn.max = mx; if (+rn.value > mx) rn.value = mx;\n          var st = rst.value.split(','), full = cpStr(st[0]), emp = cpStr(st[1]);\n          var canHalf = !!half && st[0] === '2605';          \/* la media estrella solo existe para \u2605 \u2606 *\/\n          var v = parseFloat(rn.value); if (!canHalf) v = Math.floor(v);\n          rn.step = canHalf ? '0.5' : '1'; rn.value = v;\n          var n = Math.floor(v), h = canHalf && v - n >= 0.5 ? 1 : 0;\n          rout.textContent = new Array(n + 1).join(full) + (h ? cpStr(half) : '') + new Array(mx - n - h + 1).join(emp);\n          if (rv) rv.textContent = NUM(v, 1) + ' \/ ' + mx;\n        };\n        [rn, rmax, rst].forEach(function (x) { x.addEventListener('input', rate); x.addEventListener('change', rate); });\n        rate();\n      }\n      \/* Pesta\u00f1as del conversor de japon\u00e9s: nombre o palabra \/ desde romaji *\/\n      var jtabs = tool.querySelectorAll('[data-jm]');\n      Array.prototype.forEach.call(jtabs, function (bt) {\n        bt.addEventListener('click', function () {\n          Array.prototype.forEach.call(jtabs, function (x) { var on = x === bt; x.setAttribute('aria-selected', on ? 'true' : 'false'); x.tabIndex = on ? 0 : -1; });\n          Array.prototype.forEach.call(tool.querySelectorAll('[data-jp]'), function (pn) { pn.hidden = pn.getAttribute('data-jp') !== bt.getAttribute('data-jm'); });\n        });\n        bt.addEventListener('keydown', function (e) {\n          if (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft') return;\n          var arr = Array.prototype.slice.call(jtabs), i = arr.indexOf(bt), nx = arr[(i + (e.key === 'ArrowRight' ? 1 : arr.length - 1)) % arr.length];\n          nx.focus(); nx.click(); e.preventDefault();\n        });\n      });\n      \/* Tu nombre en japon\u00e9s: katakana por c\u00f3mo suena (espa\u00f1ol; en la p\u00e1gina inglesa, con algunas reglas del ingl\u00e9s),\n         diccionario de nombres con su graf\u00eda habitual y traducci\u00f3n de palabras y frases comunes *\/\n      var nin = tool.querySelector('[data-dgt-nin]'), jd = tool.querySelector('[data-dgt-jdict]');\n      if (nin && jd) {\n        var J = {}; try { J = JSON.parse(jd.textContent); } catch (x) { J = { n: { es: {}, en: {} }, d: { es: {}, en: {} } }; }\n        var OTHER = LANG === 'es' ? 'en' : 'es';\n        var KV = {\n          '': ['\u30a2', '\u30a4', '\u30a6', '\u30a8', '\u30aa'], k: ['\u30ab', '\u30ad', '\u30af', '\u30b1', '\u30b3'], g: ['\u30ac', '\u30ae', '\u30b0', '\u30b2', '\u30b4'], s: ['\u30b5', '\u30b7', '\u30b9', '\u30bb', '\u30bd'],\n          z: ['\u30b6', '\u30b8', '\u30ba', '\u30bc', '\u30be'], t: ['\u30bf', '\u30c6\u30a3', '\u30c8\u30a5', '\u30c6', '\u30c8'], d: ['\u30c0', '\u30c7\u30a3', '\u30c9\u30a5', '\u30c7', '\u30c9'], n: ['\u30ca', '\u30cb', '\u30cc', '\u30cd', '\u30ce'],\n          h: ['\u30cf', '\u30d2', '\u30d5', '\u30d8', '\u30db'], b: ['\u30d0', '\u30d3', '\u30d6', '\u30d9', '\u30dc'], p: ['\u30d1', '\u30d4', '\u30d7', '\u30da', '\u30dd'], m: ['\u30de', '\u30df', '\u30e0', '\u30e1', '\u30e2'],\n          y: ['\u30e4', '\u30a4', '\u30e6', '\u30a4\u30a7', '\u30e8'], r: ['\u30e9', '\u30ea', '\u30eb', '\u30ec', '\u30ed'], w: ['\u30ef', '\u30a6\u30a3', '\u30a6', '\u30a6\u30a7', '\u30a6\u30a9'], f: ['\u30d5\u30a1', '\u30d5\u30a3', '\u30d5', '\u30d5\u30a7', '\u30d5\u30a9'],\n          ch: ['\u30c1\u30e3', '\u30c1', '\u30c1\u30e5', '\u30c1\u30a7', '\u30c1\u30e7'], ny: ['\u30cb\u30e3', '\u30cb', '\u30cb\u30e5', '\u30cb\u30a7', '\u30cb\u30e7'], sh: ['\u30b7\u30e3', '\u30b7', '\u30b7\u30e5', '\u30b7\u30a7', '\u30b7\u30e7'],\n          gw: ['\u30b0\u30a1', '\u30b0\u30a3', '\u30b0', '\u30b0\u30a7', '\u30b0\u30a9'], j: ['\u30b8\u30e3', '\u30b8', '\u30b8\u30e5', '\u30b8\u30a7', '\u30b8\u30e7'], kw: ['\u30af\u30a1', '\u30af\u30a3', '\u30af', '\u30af\u30a7', '\u30af\u30a9']\n        };\n        var CODA = { k: '\u30af', g: '\u30b0', s: '\u30b9', z: '\u30ba', t: '\u30c8', d: '\u30c9', h: '\u30d5', b: '\u30d6', p: '\u30d7', m: '\u30e0', r: '\u30eb', f: '\u30d5', ch: '\u30c1', sh: '\u30b7\u30e5', j: '\u30b8', w: '\u30a6', y: '\u30a4', ny: '\u30cb', gw: '\u30b0', kw: '\u30af' };\n        var VI = { a: 0, i: 1, u: 2, e: 3, o: 4 };\n        var isV = function (ch) { return !!ch && VI.hasOwnProperty(ch); };\n        var clean = function (w) {\n          return w.toLowerCase().replace(\/l\u00b7l\/g, 'l').replace(\/[\u00e1\u00e0\u00e2\u00e4]\/g, 'a').replace(\/[\u00e9\u00e8\u00ea\u00eb]\/g, 'e').replace(\/[\u00ed\u00ec\u00ee\u00ef]\/g, 'i').replace(\/[\u00f3\u00f2\u00f4\u00f6]\/g, 'o')\n            .replace(\/[\u00fa\u00f9\u00fb]\/g, 'u').replace(\/\u00e7\/g, 's').replace(\/[^a-z\u00f1\u00fc]\/g, '');\n        };\n        var phon = function (w, EN) {\n          if (EN) {   \/* algunas reglas del ingl\u00e9s: vocales largas, e final muda y j *\/\n            w = w.replace(\/ee|ea\/g, '\u012b').replace(\/oo\/g, '\u016b').replace(\/ph\/g, 'f').replace(\/ck\/g, 'kk').replace(\/wh\/g, 'w');\n            if (w.length > 3 && \/[^aeiouy]e$\/.test(w)) w = w.slice(0, -1);\n            w = w.replace(\/y$\/, '\u012b');\n          }\n          var out = '', i = 0, L = w.length;\n          while (i < L) {\n            var ch = w[i], nx = w[i + 1], c = null, adv = 1;\n            if (ch === '\u012b') { out += '\u30a4\u30fc'; i++; continue; }\n            if (ch === '\u016b') { out += '\u30a6\u30fc'; i++; continue; }\n            if (isV(ch)) { out += KV[''][VI[ch]]; i++; continue; }\n            if (ch === '\u00fc') { out += '\u30a6'; i++; continue; }\n            var two = w.substr(i, 2);\n            if (two === 'ch') { c = 'ch'; adv = 2; }\n            else if (two === 'll') { c = EN ? 'r' : 'y'; adv = 2; }\n            else if (two === 'rr') { c = 'r'; adv = 2; }\n            else if (two === 'sh') { c = 'sh'; adv = 2; }\n            else if (two === 'th') { c = EN ? 's' : 't'; adv = 2; }\n            else if (two === 'tx') { c = 'ch'; adv = 2; }\n            else if (two === 'qu') { if (\/[ei]\/.test(w[i + 2] || '')) { c = 'k'; adv = 2; } else { c = 'kw'; adv = 2; } }\n            else if (two === 'gu' && \/[ei]\/.test(w[i + 2] || '')) { c = 'g'; adv = 2; }\n            else if (two === 'g\u00fc') { c = 'gw'; adv = 2; }\n            else if (\/^(mm|bb|dd|gg|ff|zz|nn)$\/.test(two) && !(two === 'nn' && isV(w[i + 2]))) { i++; continue; }\n            else if (\/^(tt|ss|pp|kk|cc)$\/.test(two) && isV(w[i + 2]) && !(two === 'cc' && \/[eiy]\/.test(w[i + 2]))) { out += '\u30c3'; i++; continue; }\n            if (!c) {\n              switch (ch) {\n                case 'c': c = \/[eiy]\/.test(nx || '') ? 's' : 'k'; break;\n                case 'g': c = \/[eiy]\/.test(nx || '') ? (EN ? 'j' : 'h') : 'g'; break;\n                case 'j': c = EN ? 'j' : 'h'; break;\n                case 'z': c = EN ? 'z' : 's'; break;\n                case 'v': c = 'b'; break;\n                case 'q': c = 'k'; break;\n                case 'h': if (EN && isV(nx)) { c = 'h'; break; } i++; continue;\n                case '\u00f1': c = 'ny'; break;\n                case 'x': if (isV(nx)) { out += '\u30af'; c = 's'; } else { out += '\u30af\u30b9'; i++; continue; } break;\n                case 'y': if (isV(nx)) { c = 'y'; } else { out += EN && i === L - 1 ? '\u30a4\u30fc' : '\u30a4'; i++; continue; } break;\n                default: c = ch;\n              }\n            }\n            if (c === 'l') c = 'r';\n            var v = w[i + adv];\n            if (v === '\u012b' || v === '\u016b') { out += KV[c] ? KV[c][v === '\u012b' ? 1 : 2] + '\u30fc' : ''; i += adv + 1; continue; }\n            if (isV(v) && KV[c]) {\n              out += (c === 'y' && v === 'i') ? '\u30a4' : (c === 'w' && v === 'u') ? '\u30a6' : KV[c][VI[v]];\n              i += adv + 1; continue;\n            }\n            if (c === 'n') out += '\u30f3';\n            else if (c === 'm' && \/[bp]\/.test(w[i + adv] || '')) out += '\u30f3';\n            else if (c === 'l') out += '\u30eb';\n            else out += CODA[c] || '';\n            i += adv;\n          }\n          return out;\n        };\n        var ROM = {};   \/* lectura en romaji de lo que sale en katakana *\/\n        Object.keys(KV).forEach(function (cl) {\n          var base = { '': ['a', 'i', 'u', 'e', 'o'], k: ['ka', 'ki', 'ku', 'ke', 'ko'], g: ['ga', 'gi', 'gu', 'ge', 'go'], s: ['sa', 'shi', 'su', 'se', 'so'], z: ['za', 'ji', 'zu', 'ze', 'zo'], t: ['ta', 'ti', 'tu', 'te', 'to'], d: ['da', 'di', 'du', 'de', 'do'], n: ['na', 'ni', 'nu', 'ne', 'no'], h: ['ha', 'hi', 'fu', 'he', 'ho'], b: ['ba', 'bi', 'bu', 'be', 'bo'], p: ['pa', 'pi', 'pu', 'pe', 'po'], m: ['ma', 'mi', 'mu', 'me', 'mo'], y: ['ya', 'i', 'yu', 'ye', 'yo'], r: ['ra', 'ri', 'ru', 're', 'ro'], w: ['wa', 'wi', 'u', 'we', 'wo'], f: ['fa', 'fi', 'fu', 'fe', 'fo'], ch: ['cha', 'chi', 'chu', 'che', 'cho'], ny: ['nya', 'ni', 'nyu', 'nye', 'nyo'], sh: ['sha', 'shi', 'shu', 'she', 'sho'], gw: ['gwa', 'gwi', 'gu', 'gwe', 'gwo'], j: ['ja', 'ji', 'ju', 'je', 'jo'], kw: ['kwa', 'kwi', 'ku', 'kwe', 'kwo'] }[cl];\n          KV[cl].forEach(function (kk, ix) { if (!ROM[kk]) ROM[kk] = base[ix]; });\n        });\n        '\u30c4:tsu,\u30c5:zu,\u30c2:ji,\u30f2:wo,\u30f4:vu,\u30f3:n,\u30fc:-,\u30b8:ji,\u30c1:chi,\u30b7:shi,\u30d5:fu,\u30be:zo,\u30ba:zu'.split(',').forEach(function (p) { var q = p.split(':'); ROM[q[0]] = q[1]; });\n        var reading = function (k) {\n          var o = '', i = 0;\n          while (i < k.length) {\n            var two = k.substr(i, 2), one = k[i];\n            if (one === '\u30c3') { var nxr = ROM[k.substr(i + 1, 2)] || ROM[k[i + 1]] || ''; o += nxr.charAt(0); i++; continue; }\n            if (one === '\u30fb') { o += ' '; i++; continue; }\n            if (one === '\u30fc') { var lv = o.slice(-1); o += \/[aeiou]\/.test(lv) ? lv : ''; i++; continue; }\n            if (ROM[two]) { o += ROM[two]; i += 2; continue; }\n            o += ROM[one] || one; i++;\n          }\n          return o;\n        };\n        var nk = tool.querySelector('[data-dgt-nk]'), ntr = tool.querySelector('[data-dgt-ntr]'), nt = tool.querySelector('[data-dgt-nt]');\n        var nl = tool.querySelector('[data-dgt-nl]'), nm = tool.querySelector('[data-dgt-nm]');\n        var key = function (s) { return norm(s).replace(\/[\u00bf?\u00a1!.,;:'\u2019\"]\/g, '').replace(\/\\s+\/g, ' ').trim(); };\n        var nupd = function () {\n          var raw = nin.value.trim() || nin.getAttribute('placeholder') || '';\n          var words = raw.split(\/[\\s\\-]+\/).filter(Boolean), dic = true;\n          var kat = words.map(function (wd) {\n            var w = clean(wd); if (!w) return '';\n            var k = (J.n[LANG] || {})[w] || (J.n[OTHER] || {})[w];\n            if (k) return k;\n            dic = false; return phon(w, LANG === 'en' && !\/[\u00e1\u00e9\u00ed\u00f3\u00fa\u00f1\u00fc]\/i.test(wd));   \/* con tilde o \u00f1, se lee en espa\u00f1ol *\/\n          }).filter(Boolean).join('\u30fb');\n          nk.textContent = kat;\n          nl.textContent = reading(kat);\n          var hit = (J.d[LANG] || {})[key(raw)] || (J.d[OTHER] || {})[key(raw)];\n          if (hit && hit.length) {\n            ntr.hidden = false; nt.textContent = hit[0][0];\n            nm.textContent = hit.map(function (h) { return h[0] + ' (' + h[1] + '): ' + h[2]; }).join('. ');\n          } else {\n            ntr.hidden = true; nt.textContent = '';\n            nm.textContent = (dic ? (U.jn_dic || '') : (U.jn_aprox || ''));\n          }\n        };\n        var nt0 = 0; nin.addEventListener('input', function () { clearTimeout(nt0); nt0 = setTimeout(nupd, 60); });\n        nupd();\n      }\n      \/* Conversor de comillas: rectas a latinas \u00ab \u00bb (orden de la RAE: \u00ab \u201c \u2018 \u2019 \u201d \u00bb) o inglesas \u201c \u201d (\u201c \u2018 \u2019 \u201d) *\/\n      var qin = tool.querySelector('[data-qc-in]');\n      if (qin) {\n        var qout = tool.querySelector('[data-dgt-qcout]'), qap = tool.querySelector('[data-qc-ap]'), qs0 = tool.querySelector('[data-qs][aria-checked=\"true\"]'), qstyle = qs0 ? qs0.getAttribute('data-qs') : 'lat';\n        var LEV = { lat: [['\u00ab', '\u00bb'], ['\u201c', '\u201d'], ['\u2018', '\u2019']], ing: [['\u201c', '\u201d'], ['\u2018', '\u2019'], ['\u201c', '\u201d']] };\n        var DQ = '\"\u00ab\u00bb\u201c\u201d\u201e\u201f\u275d\u275e', SQ = \"'\u2018\u2019\u201a\u201b\";\n        var isL = function (ch) { return !!ch && \/[0-9A-Za-z\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u00ff\u0100-\u017e]\/.test(ch); };\n        var qconv = function (t, st, ap) {\n          if (st === 'rect') return t.replace(\/[\u00ab\u00bb\u201c\u201d\u201e\u201f\u275d\u275e]\/g, '\"').replace(\/[\u2018\u2019\u201a\u201b]\/g, \"'\");\n          var out = '', stack = [], lastQ = null;   \/* lastQ: si el car\u00e1cter anterior era una comilla, si abr\u00eda (true) o cerraba (false) *\/\n          for (var i = 0; i < t.length; i++) {\n            var ch = t[i], pv = t[i - 1], nx = t[i + 1];\n            var dq = DQ.indexOf(ch) > -1, sq = SQ.indexOf(ch) > -1;\n            if (!dq && !sq) { out += ch; lastQ = null; continue; }\n            if ((ch === \"'\" || ch === '\"') && \/[0-9]\/.test(pv || '') && !\/[A-Za-z\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u00ff]\/.test(nx || '') && !stack.some(function (x) { return x.t === (dq ? 'd' : 's'); })) {\n              out += dq ? '\u2033' : '\u2032'; lastQ = null; continue;                                          \/* medidas tras un n\u00famero: 5' 11\" a primas 5\u2032 11\u2033 *\/\n            }\n            if (sq && isL(pv) && isL(nx)) { out += ap ? '\u2019' : ch; lastQ = null; continue; }         \/* ap\u00f3strofo entre letras: it's, l'amour *\/\n            if (sq && isL(pv) && !stack.some(function (x) { return x.t === 's'; })) { out += ap ? '\u2019' : ch; lastQ = null; continue; }  \/* ap\u00f3strofo final *\/\n            var opening = ch === '\u00ab' || ch === '\u201c' || ch === '\u2018' || ch === '\u201e' || ch === '\u201a' ? true : ch === '\u00bb' || ch === '\u201d' || ch === '\u2019' ? false\n              : lastQ !== null ? lastQ : (!pv || \/[\\s(\\[{\u00bf\u00a1\u2014\u2013\\-\\\/:]\/.test(pv));\n            var type = dq ? 'd' : 's';\n            if (!opening && stack.length) {\n              var top = stack[stack.length - 1];\n              if (top.t !== type) { var j = stack.length - 1; while (j >= 0 && stack[j].t !== type) j--; if (j >= 0) { while (stack.length > j + 1) { stack.pop(); } } }\n            }\n            if (opening) { var lv = Math.min(stack.length, 2); stack.push({ t: type, l: lv }); out += LEV[st][lv][0]; }\n            else if (stack.length) { var o = stack.pop(); out += LEV[st][o.l][1]; }\n            else { out += LEV[st][0][1]; }\n            lastQ = opening;\n          }\n          return out;\n        };\n        var qupd = function () { qout.textContent = qconv(qin.value || qin.getAttribute('placeholder') || '', qstyle, !qap || qap.checked); };\n        qin.addEventListener('input', qupd); if (qap) qap.addEventListener('change', qupd);\n        Array.prototype.forEach.call(tool.querySelectorAll('[data-qs]'), function (bt, i, all) {\n          bt.addEventListener('click', function () { qstyle = bt.getAttribute('data-qs'); Array.prototype.forEach.call(all, function (x) { x.setAttribute('aria-checked', x === bt ? 'true' : 'false'); }); qupd(); });\n        });\n        qupd();\n      }\n      tool.addEventListener('click', function (e) {\n        var a = e.target.closest('[data-act=\"copy-out\"]'); if (!a) return;\n        var o = tool.querySelector('[data-dgt-' + a.getAttribute('data-src') + ']');\n        if (o && o.textContent) { copy(o.textContent); toast((U.copiado || 'Copied') + ': ' + o.textContent); }\n      });\n    });\n    \/* ---------- 2. Regla a tama\u00f1o real ---------- *\/\n    Array.prototype.forEach.call(root.querySelectorAll('[data-dgt-ruler]'), function (tool) {\n      var U = ui(tool), KEY = 'dgt-ppm', DEF = 96 \/ 25.4;\n      var box = tool.querySelector('[data-dgt-rbox]'), cv = tool.querySelector('[data-dgt-canvas]'), mark = tool.querySelector('[data-dgt-mark]');\n      var read = tool.querySelector('[data-dgt-read]'), state = tool.querySelector('[data-dgt-state]'), cal = tool.querySelector('[data-dgt-cal]');\n      var slider = tool.querySelector('[data-dgt-ppm]'), card = tool.querySelector('[data-dgt-card]'), diag = tool.querySelector('[data-dgt-diag]');\n      var unit = tool.getAttribute('data-unit') || 'cm', X0 = 16, pos = 0, saved = null;\n      try { saved = parseFloat(localStorage.getItem(KEY)); } catch (e) { saved = null; }\n      var ppm = saved && saved > 1 && saved < 20 ? saved : DEF;\n      function setState() {\n        var eq = NUM(unit === 'in' ? ppm * 25.4 : ppm * 10, 1);\n        state.innerHTML = saved ? '<b>' + esc(U.calibrada || '') + '<\/b> ' + esc((U.equiv || '1 {u} = {px} px').replace('{u}', unit === 'in' ? 'in' : 'cm').replace('{px}', eq)) : esc(U.sin_calibrar || '');\n      }\n      function fracIn(inches) {\n        var whole = Math.floor(inches), rest = Math.round((inches - whole) * 16), den = 16;\n        if (rest === 16) { whole++; rest = 0; }\n        while (rest && rest % 2 === 0) { rest \/= 2; den \/= 2; }\n        return (whole || !rest ? whole : '') + (rest ? (whole ? ' ' : '') + rest + '\/' + den : '') + ' in';\n      }\n      function readout() {\n        var mm = Math.max(0, pos) \/ ppm;\n        if (unit === 'cm') read.textContent = NUM(mm \/ 10, 2) + ' cm (' + NUM(mm, 1) + ' mm)';\n        else { var fr = fracIn(mm \/ 25.4); read.textContent = fr.indexOf('\/') > -1 ? fr + ' (' + NUM(mm \/ 25.4, 2) + ' in)' : fr; }\n        mark.setAttribute('aria-valuenow', String(Math.round(mm * 10) \/ 10)); mark.setAttribute('aria-valuetext', read.textContent);\n      }\n      function draw() {\n        var w = box.clientWidth, h = box.clientHeight, dpr = window.devicePixelRatio || 1;\n        cv.width = Math.round(w * dpr); cv.height = Math.round(h * dpr);\n        var c = cv.getContext('2d'); c.setTransform(dpr, 0, 0, dpr, 0, 0); c.clearRect(0, 0, w, h);\n        c.strokeStyle = '#16161d'; c.fillStyle = '#16161d'; c.lineWidth = 1; c.textBaseline = 'top';\n        var font = '600 13px Inter Tight, system-ui, sans-serif', small = '500 11px Inter Tight, system-ui, sans-serif';\n        function line(x, y1, y2) { var xx = Math.round(x) + 0.5; c.beginPath(); c.moveTo(xx, y1); c.lineTo(xx, y2); c.stroke(); }\n        var primary = unit, secondary = unit === 'cm' ? 'in' : 'cm';\n        [[primary, 0, 1], [secondary, h, -1]].forEach(function (cfg) {\n          var u = cfg[0], y0 = cfg[1], dir = cfg[2], isP = u === primary;\n          var sc = isP ? 1 : 0.62;\n          if (u === 'cm') {\n            for (var mm = 0; X0 + mm * ppm <= w; mm++) {\n              var x = X0 + mm * ppm, len = mm % 10 === 0 ? 40 : (mm % 5 === 0 ? 26 : 15);\n              line(x, y0, y0 + dir * len * sc);\n              if (mm % 10 === 0 && x < w - 40) { c.font = isP ? font : small; var t = String(mm \/ 10); var tw = c.measureText(t).width; c.fillText(t, mm === 0 ? x + 3 : x - tw \/ 2, dir > 0 ? y0 + 44 * sc : y0 - 44 * sc - 12); }\n            }\n            c.font = small; c.fillText('cm', w - 26, dir > 0 ? y0 + 46 * sc + (isP ? 0 : 0) : y0 - 46 * sc - 12);\n          } else {\n            var ppi = ppm * 25.4;\n            for (var s = 0; X0 + s * ppi \/ 16 <= w; s++) {\n              var xi = X0 + s * ppi \/ 16, L = s % 16 === 0 ? 40 : (s % 8 === 0 ? 30 : (s % 4 === 0 ? 22 : (s % 2 === 0 ? 15 : 9)));\n              line(xi, y0, y0 + dir * L * sc);\n              if (s % 16 === 0 && xi < w - 34) { c.font = isP ? font : small; var ti = String(s \/ 16); var twi = c.measureText(ti).width; c.fillText(ti, s === 0 ? xi + 3 : xi - twi \/ 2, dir > 0 ? y0 + 44 * sc : y0 - 44 * sc - 12); }\n            }\n            c.font = small; c.fillText('in', w - 20, dir > 0 ? y0 + 46 * sc : y0 - 46 * sc - 12);\n          }\n        });\n        mark.style.left = (X0 + pos) + 'px'; readout(); drawFixed();\n      }\n      \/* Reglas fijas (25, 20, 15, 10 y 5 cm o 12, 6, 4, 3, 2 y 1 in), con la misma calibraci\u00f3n *\/\n      var fcs = tool.querySelectorAll('[data-dgt-fc]'), U0 = tool.getAttribute('data-unit') || 'cm';\n      function drawFixed() {\n        Array.prototype.forEach.call(fcs, function (fc) {\n          var n = parseFloat(fc.getAttribute('data-n')), per = U0 === 'cm' ? ppm * 10 : ppm * 25.4, sub = U0 === 'cm' ? 10 : 16;\n          var w = Math.ceil(X0 + n * per + 34), h = 74, dpr = window.devicePixelRatio || 1;\n          fc.style.width = w + 'px'; fc.style.height = h + 'px'; fc.width = Math.round(w * dpr); fc.height = Math.round(h * dpr);\n          var c = fc.getContext('2d'); c.setTransform(dpr, 0, 0, dpr, 0, 0); c.clearRect(0, 0, w, h);\n          c.fillStyle = 'rgba(91,74,224,.10)'; c.fillRect(X0, 0, n * per, h);\n          c.strokeStyle = '#16161d'; c.fillStyle = '#16161d'; c.lineWidth = 1; c.textBaseline = 'top';\n          for (var k = 0; k <= n * sub; k++) {\n            var x = Math.round(X0 + k * per \/ sub) + 0.5, L;\n            if (U0 === 'cm') L = k % 10 === 0 ? 34 : (k % 5 === 0 ? 22 : 13);\n            else L = k % 16 === 0 ? 34 : (k % 8 === 0 ? 25 : (k % 4 === 0 ? 18 : (k % 2 === 0 ? 12 : 8)));\n            c.beginPath(); c.moveTo(x, 0); c.lineTo(x, L); c.stroke();\n            if (k % sub === 0) { c.font = '600 12px Inter Tight, system-ui, sans-serif'; var t = String(k \/ sub), tw = c.measureText(t).width; c.fillText(t, k === 0 ? x + 3 : x - tw \/ 2, 38); }\n          }\n          c.strokeStyle = '#e11d48'; c.lineWidth = 2;\n          [X0, X0 + n * per].forEach(function (xx) { c.beginPath(); c.moveTo(Math.round(xx) + 0.5, 0); c.lineTo(Math.round(xx) + 0.5, h); c.stroke(); });\n          c.font = '600 12px Inter Tight, system-ui, sans-serif'; c.fillStyle = '#e11d48';\n          var lab = NUM(n, 1) + ' ' + U0; c.fillText(lab, X0 + n * per - c.measureText(lab).width - 6, h - 17);\n        });\n      }\n      function setPos(px) { pos = Math.max(0, Math.min(px, box.clientWidth - X0 - 2)); mark.style.left = (X0 + pos) + 'px'; readout(); }\n      function fromEvent(e) { var r = box.getBoundingClientRect(); setPos((e.touches ? e.touches[0].clientX : e.clientX) - r.left - X0); }\n      var dragging = false;\n      mark.addEventListener('pointerdown', function (e) { dragging = true; try { mark.setPointerCapture(e.pointerId); } catch (x) { \/* nada *\/ } e.preventDefault(); });\n      mark.addEventListener('pointermove', function (e) { if (dragging) fromEvent(e); });\n      mark.addEventListener('pointerup', function () { dragging = false; });\n      box.addEventListener('click', function (e) { if (e.target === mark || mark.contains(e.target)) return; fromEvent(e); });\n      mark.addEventListener('keydown', function (e) {\n        var step = unit === 'cm' ? ppm : ppm * 25.4 \/ 16, big = unit === 'cm' ? ppm * 10 : ppm * 25.4;\n        if (e.key === 'ArrowRight' || e.key === 'ArrowUp') { setPos(pos + (e.shiftKey ? big : step)); e.preventDefault(); }\n        if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') { setPos(pos - (e.shiftKey ? big : step)); e.preventDefault(); }\n        if (e.key === 'Home') { setPos(0); e.preventDefault(); }\n      });\n      \/* Ir a una medida: coloca el marcador en la medida escrita *\/\n      var gin = tool.querySelector('[data-dgt-goto]'), gu = tool.querySelector('[data-dgt-gu]');\n      function gotoM() {\n        if (!gin) return;\n        var v = parseFloat(String(gin.value).replace(',', '.')); if (!(v >= 0)) return;\n        var px = v * (unit === 'cm' ? 10 : 25.4) * ppm, mx = box.clientWidth - X0 - 2;\n        if (px > mx) { setPos(mx); var fit = mx \/ ppm \/ (unit === 'cm' ? 10 : 25.4); toast((U.no_cabe || '{n}').replace('{n}', NUM(Math.floor(fit * 10) \/ 10, 1) + ' ' + unit)); }\n        else setPos(px);\n      }\n      if (gin) { var gt = 0; gin.addEventListener('input', function () { clearTimeout(gt); gt = setTimeout(gotoM, 250); }); gin.addEventListener('keydown', function (e) { if (e.key === 'Enter') { clearTimeout(gt); gotoM(); } }); }\n      Array.prototype.forEach.call(tool.querySelectorAll('[data-u]'), function (bt, i, all) {\n        bt.addEventListener('click', function () {\n          unit = bt.getAttribute('data-u');\n          Array.prototype.forEach.call(all, function (x) { x.setAttribute('aria-checked', x === bt ? 'true' : 'false'); });\n          if (gu) gu.textContent = unit;\n          setState(); draw(); if (gin && gin.value) gotoM();\n        });\n      });\n      function cardSize() { if (card) card.style.width = (85.6 * ppm) + 'px'; if (slider) slider.value = ppm; }\n      tool.addEventListener('click', function (e) {\n        var a = e.target.closest('[data-act]'); if (!a) return;\n        var act = a.getAttribute('data-act');\n        if (act === 'calibrar') { cal.hidden = !cal.hidden; cardSize(); if (!cal.hidden) cal.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); }\n        if (act === 'cal-menos') { ppm = Math.max(2.4, ppm - 0.005); cardSize(); draw(); }\n        if (act === 'cal-mas') { ppm = Math.min(9, ppm + 0.005); cardSize(); draw(); }\n        if (act === 'cal-diag') {\n          var dg = parseFloat(String(diag.value).replace(',', '.'));\n          if (dg > 2) { ppm = Math.hypot(screen.width, screen.height) \/ dg \/ 25.4; cardSize(); draw(); }\n        }\n        if (act === 'cal-ok') { saved = ppm; try { localStorage.setItem(KEY, String(ppm)); } catch (x) { \/* nada *\/ } setState(); cal.hidden = true; toast(U.guardada || 'OK'); }\n        if (act === 'cal-reset') { ppm = DEF; saved = null; try { localStorage.removeItem(KEY); } catch (x) { \/* nada *\/ } cardSize(); setState(); draw(); }\n        if (act === 'pantalla') {\n          var on = !root.classList.contains('is-full');\n          var fsOk = tool.requestFullscreen && !d.fullscreenElement;\n          if (on && fsOk) { tool.requestFullscreen().catch(function () { \/* nada *\/ }); }\n          if (!on && d.fullscreenElement) { d.exitFullscreen().catch(function () { \/* nada *\/ }); }\n          root.classList.toggle('is-full', on); a.setAttribute('aria-pressed', on ? 'true' : 'false');\n          setTimeout(draw, 120);\n        }\n      });\n      d.addEventListener('fullscreenchange', function () { if (!d.fullscreenElement && root.classList.contains('is-full')) { root.classList.remove('is-full'); var p = tool.querySelector('[data-act=\"pantalla\"]'); if (p) p.setAttribute('aria-pressed', 'false'); setTimeout(draw, 120); } });\n      d.addEventListener('keydown', function (e) { if (e.key === 'Escape' && root.classList.contains('is-full')) { root.classList.remove('is-full'); setTimeout(draw, 120); } });\n      if (slider) slider.addEventListener('input', function () { ppm = parseFloat(slider.value); cardSize(); draw(); });\n      var rt = 0; window.addEventListener('resize', function () { clearTimeout(rt); rt = setTimeout(draw, 120); });\n      setState(); cardSize(); draw(); setPos(ppm * (unit === 'cm' ? 50 : 25.4 * 2));\n    });\n    \/* ---------- 3. Colores ---------- *\/\n    Array.prototype.forEach.call(root.querySelectorAll('[data-dgt-colors]'), function (tool) {\n      var U = ui(tool), cur = { r: 91, g: 74, b: 224 }, fmt = 'hex';\n      var show = detailPanel(tool, U);\n      var sw = tool.querySelector('.dgt-pick-sw'), cin = tool.querySelector('[data-dgt-cin]');\n      var F = {}; Array.prototype.forEach.call(tool.querySelectorAll('[data-fmt]'), function (i) { F[i.getAttribute('data-fmt')] = i; });\n      function h2(n) { return ('0' + n.toString(16)).slice(-2).toUpperCase(); }\n      function hex(c) { return '#' + h2(c.r) + h2(c.g) + h2(c.b); }\n      function parseHex(s) { var m = String(s).trim().replace('#', ''); if (\/^[0-9a-f]{3}$\/i.test(m)) m = m.replace(\/(.)\/g, '$1$1'); if (!\/^[0-9a-f]{6}$\/i.test(m)) return null; return { r: parseInt(m.slice(0, 2), 16), g: parseInt(m.slice(2, 4), 16), b: parseInt(m.slice(4, 6), 16) }; }\n      function toHsl(c) {\n        var r = c.r \/ 255, g = c.g \/ 255, b = c.b \/ 255, mx = Math.max(r, g, b), mn = Math.min(r, g, b), h = 0, s = 0, l = (mx + mn) \/ 2;\n        if (mx !== mn) { var dd = mx - mn; s = l > 0.5 ? dd \/ (2 - mx - mn) : dd \/ (mx + mn); h = mx === r ? (g - b) \/ dd + (g < b ? 6 : 0) : mx === g ? (b - r) \/ dd + 2 : (r - g) \/ dd + 4; h *= 60; }\n        return { h: Math.round(h), s: Math.round(s * 100), l: Math.round(l * 100) };\n      }\n      function fromHsl(h, s, l) {\n        s \/= 100; l \/= 100; var k = function (n) { return (n + h \/ 30) % 12; }, a = s * Math.min(l, 1 - l);\n        var f = function (n) { return l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1))); };\n        return { r: Math.round(f(0) * 255), g: Math.round(f(8) * 255), b: Math.round(f(4) * 255) };\n      }\n      function rgbS(c) { return 'rgb(' + c.r + ', ' + c.g + ', ' + c.b + ')'; }\n      function hslS(c) { var x = toHsl(c); return 'hsl(' + x.h + ', ' + x.s + '%, ' + x.l + '%)'; }\n      function cmykS(c) {\n        var r = c.r \/ 255, g = c.g \/ 255, b = c.b \/ 255, k = 1 - Math.max(r, g, b);\n        if (k >= 1) return 'cmyk(0%, 0%, 0%, 100%)';\n        var p = function (x) { return Math.round((1 - x - k) \/ (1 - k) * 100) + '%'; };\n        return 'cmyk(' + p(r) + ', ' + p(g) + ', ' + p(b) + ', ' + Math.round(k * 100) + '%)';\n      }\n      function lum(c) { var a = [c.r, c.g, c.b].map(function (v) { v \/= 255; return v <= 0.03928 ? v \/ 12.92 : Math.pow((v + 0.055) \/ 1.055, 2.4); }); return 0.2126 * a[0] + 0.7152 * a[1] + 0.0722 * a[2]; }\n      function ratio(a, b2) { var l1 = lum(a), l2 = lum(b2), hi = Math.max(l1, l2), lo = Math.min(l1, l2); return (hi + 0.05) \/ (lo + 0.05); }\n      function badge(r) { return r >= 7 ? 'AAA' : r >= 4.5 ? 'AA' : r >= 3 ? (U.aa_grande || 'AA large') : (U.no_pasa || 'Fail'); }\n      var ct = tool.querySelector('[data-dgt-contrast]');\n      function paint(skip) {\n        var hx = hex(cur);\n        tool.style.setProperty('--c', hx); sw.style.setProperty('--c', hx);\n        if (cin && skip !== 'cin') cin.value = hx.toLowerCase();\n        if (skip !== 'hex') F.hex.value = hx;\n        if (skip !== 'rgb') F.rgb.value = rgbS(cur);\n        if (skip !== 'hsl') F.hsl.value = hslS(cur);\n        F.cmyk.value = cmykS(cur);\n        if (ct) {\n          var rw = ratio(cur, { r: 255, g: 255, b: 255 }), rb = ratio(cur, { r: 0, g: 0, b: 0 });\n          ct.querySelector('[data-f=\"rw\"]').textContent = NUM(Math.floor(rw * 100) \/ 100, 2) + ':1'; ct.querySelector('[data-f=\"bw\"]').textContent = badge(rw);\n          ct.querySelector('[data-f=\"rb\"]').textContent = NUM(Math.floor(rb * 100) \/ 100, 2) + ':1'; ct.querySelector('[data-f=\"bb\"]').textContent = badge(rb);\n        }\n      }\n      if (cin) cin.addEventListener('input', function () { var c = parseHex(cin.value); if (c) { cur = c; paint('cin'); } });\n      F.hex.addEventListener('input', function () { var c = parseHex(F.hex.value); if (c) { cur = c; paint('hex'); } });\n      F.rgb.addEventListener('input', function () { var m = F.rgb.value.match(\/\\d+(\\.\\d+)?\/g); if (m && m.length >= 3) { var c = { r: Math.min(255, +m[0] | 0), g: Math.min(255, +m[1] | 0), b: Math.min(255, +m[2] | 0) }; cur = c; paint('rgb'); } });\n      F.hsl.addEventListener('input', function () { var m = F.hsl.value.match(\/\\d+(\\.\\d+)?\/g); if (m && m.length >= 3) { cur = fromHsl(+m[0] % 360, Math.min(100, +m[1]), Math.min(100, +m[2])); paint('hsl'); } });\n      Array.prototype.forEach.call(tool.querySelectorAll('[data-fmt]'), function (inp) {\n        inp.addEventListener('focus', function () { inp.select(); });\n      });\n      var ed = tool.querySelector('[data-act=\"eyedropper\"]');\n      if (ed && window.EyeDropper) {\n        ed.hidden = false;\n        ed.addEventListener('click', function () { new window.EyeDropper().open().then(function (r) { var c = parseHex(r.sRGBHex); if (c) { cur = c; paint(); copy(hex(c)); toast((U.copiado || 'Copied') + ': ' + hex(c)); } }).catch(function () { \/* cancelado *\/ }); });\n      }\n      var fin = tool.querySelector('[data-dgt-img]'), ibox = tool.querySelector('[data-dgt-imgbox]'), icv = tool.querySelector('[data-dgt-imgc]');\n      if (fin) fin.addEventListener('change', function () {\n        var f = fin.files && fin.files[0]; if (!f) return;\n        var url = URL.createObjectURL(f), img = new Image();\n        img.onload = function () {\n          var mw = Math.min(900, ibox.parentNode.clientWidth || 900), sc = Math.min(1, mw \/ img.width);\n          icv.width = Math.round(img.width * sc); icv.height = Math.round(img.height * sc);\n          icv.getContext('2d').drawImage(img, 0, 0, icv.width, icv.height); ibox.hidden = false; URL.revokeObjectURL(url);\n        };\n        img.src = url;\n      });\n      if (icv) icv.addEventListener('click', function (e) {\n        var r = icv.getBoundingClientRect(), x = Math.floor((e.clientX - r.left) * icv.width \/ r.width), y = Math.floor((e.clientY - r.top) * icv.height \/ r.height);\n        var p = icv.getContext('2d').getImageData(x, y, 1, 1).data; cur = { r: p[0], g: p[1], b: p[2] }; paint();\n        copy(hex(cur)); toast((U.copiado || 'Copied') + ': ' + hex(cur));\n      });\n      Array.prototype.forEach.call(tool.querySelectorAll('[data-fmtc]'), function (bt, i, all) {\n        bt.addEventListener('click', function () { fmt = bt.getAttribute('data-fmtc'); Array.prototype.forEach.call(all, function (x) { x.setAttribute('aria-checked', x === bt ? 'true' : 'false'); }); });\n      });\n      var sws = Array.prototype.slice.call(tool.querySelectorAll('.dgt-c'));\n      var idx = sws.map(function (el) { return { el: el, hay: norm((el.getAttribute('data-k') || '') + ' #' + el.getAttribute('data-h') + ' ' + el.getAttribute('data-h')), grp: el.closest('.dgt-grp') }; });\n      var q = tool.querySelector('[data-dgt-q]'), empty = tool.querySelector('[data-dgt-empty]'), groups = Array.prototype.slice.call(tool.querySelectorAll('.dgt-grp')), curG = '*';\n      function filter() {\n        var s = norm(q.value.trim()).replace(\/^#\/, ''), any = false, terms = s ? s.split(\/\\s+\/) : [];\n        idx.forEach(function (o) { var okG = curG === '*' || o.grp.getAttribute('data-g') === curG; var okQ = !terms.length || terms.every(function (t) { return o.hay.indexOf(t) > -1; }); o.el.hidden = !(okG && okQ); });\n        groups.forEach(function (g) {\n          Array.prototype.forEach.call(g.querySelectorAll('.dgt-cgrid'), function (gr) { var has = !!gr.querySelector('.dgt-c:not([hidden])'); gr.hidden = !has; var pv = gr.previousElementSibling; if (pv && pv.classList.contains('dgt-sh')) pv.hidden = !has; });\n          Array.prototype.forEach.call(g.querySelectorAll('.dgt-trow'), function (tr) { tr.hidden = !tr.querySelector('.dgt-c:not([hidden])'); });\n          var vis = !!g.querySelector('.dgt-c:not([hidden])'); g.hidden = !vis; any = any || vis;\n        });\n        empty.hidden = any;\n      }\n      var tq = 0; q.addEventListener('input', function () { clearTimeout(tq); tq = setTimeout(filter, 110); });\n      Array.prototype.forEach.call(tool.querySelectorAll('.dgt-chips button'), function (bt, i, all) {\n        bt.addEventListener('click', function () { Array.prototype.forEach.call(all, function (x) { x.classList.toggle('is-on', x === bt); }); curG = bt.getAttribute('data-g'); filter(); });\n      });\n      tool.addEventListener('click', function (e) {\n        var el = e.target.closest('.dgt-c'); if (!el) return;\n        var c = parseHex(el.getAttribute('data-h')); if (!c) return;\n        cur = c; paint();\n        var val = fmt === 'rgb' ? rgbS(c) : fmt === 'hsl' ? hslS(c) : hex(c);\n        copy(val); el.classList.add('is-copied'); setTimeout(function () { el.classList.remove('is-copied'); }, 1200);\n        toast((U.copiado || 'Copied') + ': ' + val);\n        var nm = el.querySelector('b'), sm = el.querySelector('small');\n        var name = (nm ? nm.textContent : (el.getAttribute('aria-label') || hex(c))) + (sm && nm ? ' (' + sm.textContent + ')' : '');\n        var css = el.getAttribute('data-css');\n        show('', name, [['HEX', hex(c)], ['RGB', rgbS(c)], ['HSL', hslS(c)], ['CMYK', cmykS(c)], css ? ['CSS', css] : null], hex(c));\n      });\n      \/* Comprobador de contraste entre dos colores (WCAG 2.2: 4,5:1 y 7:1 texto normal; 3:1 y 4,5:1 texto grande; 3:1 iconos y bordes) *\/\n      var cc = tool.querySelector('[data-dgt-cc]');\n      if (cc) {\n        var CC = {}; Array.prototype.forEach.call(cc.querySelectorAll('[data-cc]'), function (el) { CC[el.getAttribute('data-cc')] = el; });\n        var col = { fg: parseHex(CC.fg.value) || { r: 91, g: 74, b: 224 }, bg: parseHex(CC.bg.value) || { r: 255, g: 255, b: 255 } };\n        var ccPaint = function (skip) {\n          ['fg', 'bg'].forEach(function (k) { var hx = hex(col[k]); if (skip !== k) CC[k].value = hx; if (skip !== k + 'c') CC[k + 'c'].value = hx.toLowerCase(); });\n          CC.prev.style.color = hex(col.fg); CC.prev.style.background = hex(col.bg);\n          var r = ratio(col.fg, col.bg); CC.ratio.textContent = NUM(Math.floor(r * 100) \/ 100, 2) + ':1';\n          ['aa', 'aaa', 'aal', 'aaal', 'ui'].forEach(function (k) {\n            var li = CC[k], ok = r >= parseFloat(li.getAttribute('data-min'));\n            li.classList.toggle('is-ok', ok); li.classList.toggle('is-ko', !ok);\n            li.querySelector('b').textContent = ok ? (U.pasa || 'Pass') : (U.no_pasa || 'Fail');\n          });\n        };\n        ['fg', 'bg'].forEach(function (k) {\n          CC[k].addEventListener('input', function () { var c = parseHex(CC[k].value); if (c) { col[k] = c; ccPaint(k); } });\n          CC[k + 'c'].addEventListener('input', function () { var c = parseHex(CC[k + 'c'].value); if (c) { col[k] = c; ccPaint(k + 'c'); } });\n          CC[k].addEventListener('focus', function () { CC[k].select(); });\n        });\n        cc.addEventListener('click', function (e) {\n          var a = e.target.closest('[data-act]'); if (!a) return;\n          if (a.getAttribute('data-act') === 'cc-swap') { var t = col.fg; col.fg = col.bg; col.bg = t; ccPaint(); }\n          if (a.getAttribute('data-act') === 'cc-use') { col[a.getAttribute('data-t')] = { r: cur.r, g: cur.g, b: cur.b }; ccPaint(); }\n        });\n        ccPaint();\n      }\n      paint();\n    });\n    \/* Preguntas frecuentes: solo una abierta a la vez (de entrada, la primera) *\/\n    var fbs = root.querySelectorAll('.dgv-faq-btn');\n    Array.prototype.forEach.call(fbs, function (btn) {\n      btn.addEventListener('click', function () {\n        setTimeout(function () {\n          if (btn.getAttribute('aria-expanded') !== 'true') return;\n          Array.prototype.forEach.call(fbs, function (o) {\n            if (o === btn || o.getAttribute('aria-expanded') !== 'true') return;\n            o.setAttribute('aria-expanded', 'false'); var it = o.closest('.dgv-faq-item'); if (it) it.classList.remove('is-open');\n          });\n        }, 0);\n      });\n    });\n  }\n  if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', go); else go();\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":27401404,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"estilo_pagina_titulo":"","estilo_pagina_descripcion":"","estilo_pagina_imagen":"","_joinchat":[],"footnotes":""},"estilo_pagina":[],"class_list":["post-27401403","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.digiaccion.com\/en\/wp-json\/wp\/v2\/pages\/27401403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.digiaccion.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.digiaccion.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.digiaccion.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digiaccion.com\/en\/wp-json\/wp\/v2\/comments?post=27401403"}],"version-history":[{"count":4,"href":"https:\/\/www.digiaccion.com\/en\/wp-json\/wp\/v2\/pages\/27401403\/revisions"}],"predecessor-version":[{"id":27401506,"href":"https:\/\/www.digiaccion.com\/en\/wp-json\/wp\/v2\/pages\/27401403\/revisions\/27401506"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.digiaccion.com\/en\/wp-json\/wp\/v2\/media\/27401404"}],"wp:attachment":[{"href":"https:\/\/www.digiaccion.com\/en\/wp-json\/wp\/v2\/media?parent=27401403"}],"wp:term":[{"taxonomy":"estilo_pagina","embeddable":true,"href":"https:\/\/www.digiaccion.com\/en\/wp-json\/wp\/v2\/estilo_pagina?post=27401403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}