<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tranh tô màu khác &#8211; Tô màu cho bé</title>
	<atom:link href="https://tapve.com/tranh-to-mau-khac/feed/" rel="self" type="application/rss+xml" />
	<link>https://tapve.com</link>
	<description>Tô màu sáng tạo - khơi dậy đam mê</description>
	<lastBuildDate>Mon, 27 May 2024 02:09:10 +0000</lastBuildDate>
	<language>vi</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.5.3</generator>

<image>
	<url>https://tapve.com/wp-content/uploads/2024/05/favicon.png</url>
	<title>Tranh tô màu khác &#8211; Tô màu cho bé</title>
	<link>https://tapve.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Công chúa hoa hồng</title>
		<link>https://tapve.com/cong-chua-hoa-hong/</link>
					<comments>https://tapve.com/cong-chua-hoa-hong/#respond</comments>
		
		<dc:creator><![CDATA[Tập Vẽ]]></dc:creator>
		<pubDate>Mon, 27 May 2024 01:46:50 +0000</pubDate>
				<category><![CDATA[Tranh tô màu khác]]></category>
		<guid isPermaLink="false">https://tapve.com/?p=7499</guid>

					<description><![CDATA[Công chúa hoa hồng]]></description>
										<content:encoded><![CDATA[<p>Công chúa hoa hồng</p>
<section id="coloring">
            <!-- Phần bên trái -->
			<div id="coloring-left">
                <div>
                    <div id="coloring-area"><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="100%" height="100%">
  <defs>
    <clipPath id="tomauonline" clipPathUnits="userSpaceOnUse">
      <path d="M0 500h500V0H0Z"/>
    </clipPath>
    <clipPath id="tomauonline" clipPathUnits="userSpaceOnUse">
      <path d="M0 500h500V0H0Z"/>
    </clipPath>
    <clipPath id="tomauonline" clipPathUnits="userSpaceOnUse">
      <path d="M161.976 151.203h22.577V75.095h-22.577z"/>
    </clipPath>
    <clipPath id="tomauonline" clipPathUnits="userSpaceOnUse">
      <path d="M335.357 132.827h24.282V50.972h-24.282z"/>
    </clipPath>
    <clipPath id="tomauonline" clipPathUnits="userSpaceOnUse">
      <path d="M282.313 260.071h41.95v-80.167h-41.95z"/>
    </clipPath>
    <clipPath id="tomauonline" clipPathUnits="userSpaceOnUse">
      <path d="M0 500h500V0H0Z"/>
    </clipPath>
  </defs>
  <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 666.667)">
    <path d="M0 0h-43.643a2.178 2.178 0 0 0-2.178 2.179v13.128c0 1.203.975 2.178 2.178 2.178H0a2.179 2.179 0 0 0 2.179-2.178V2.179A2.179 2.179 0 0 0 0 0" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(111.098 340.507)"/>
    <path d="M0 0h-43.643a2.179 2.179 0 0 0-2.178 2.179v13.128c0 1.203.975 2.179 2.178 2.179H0a2.18 2.18 0 0 0 2.179-2.179V2.179A2.18 2.18 0 0 0 0 0" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(136.598 321.34)"/>
    <path d="M0 0h-43.643a2.179 2.179 0 0 0-2.178 2.179v13.128c0 1.203.975 2.179 2.178 2.179H0a2.18 2.18 0 0 0 2.179-2.179V2.179A2.18 2.18 0 0 0 0 0" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(186.848 360.174)"/>
    <path d="M0 0h-43.643a2.179 2.179 0 0 0-2.178 2.179v13.128c0 1.203.975 2.179 2.178 2.179H0a2.18 2.18 0 0 0 2.179-2.179V2.179A2.18 2.18 0 0 0 0 0" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(162.848 379.34)"/>
    <path d="M0 0h-43.643a2.179 2.179 0 0 0-2.178 2.179v13.128c0 1.203.975 2.179 2.178 2.179H0a2.18 2.18 0 0 0 2.179-2.179V2.179A2.18 2.18 0 0 0 0 0" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(136.598 360.174)"/>
    <path d="M0 0h-43.643a2.179 2.179 0 0 0-2.178 2.179v13.128c0 1.203.975 2.179 2.178 2.179H0a2.18 2.18 0 0 0 2.179-2.179V2.179A2.18 2.18 0 0 0 0 0" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(86.566 360.174)"/>
    <path d="M0 0h-43.643a2.178 2.178 0 0 0-2.178 2.179v13.128c0 1.203.975 2.178 2.178 2.178H0a2.179 2.179 0 0 0 2.179-2.178V2.179A2.179 2.179 0 0 0 0 0" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(137.598 398.507)"/>
    <path d="M0 0h-43.643a2.178 2.178 0 0 0-2.178 2.179v13.128c0 1.203.975 2.178 2.178 2.178H0a2.179 2.179 0 0 0 2.179-2.178V2.179A2.179 2.179 0 0 0 0 0" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(161.598 340.507)"/>
    <path d="M0 0h-43.643a2.179 2.179 0 0 0-2.178 2.179v13.128c0 1.203.975 2.179 2.178 2.179H0a2.18 2.18 0 0 0 2.179-2.179V2.179A2.18 2.18 0 0 0 0 0" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(112.598 379.34)"/>
    <path d="M0 0h-43.643a2.179 2.179 0 0 0-2.178 2.179v13.128c0 1.203.975 2.179 2.178 2.179H0a2.18 2.18 0 0 0 2.179-2.179V2.179A2.18 2.18 0 0 0 0 0" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(395.201 261.774)"/>
    <path d="M0 0h-43.643a2.179 2.179 0 0 0-2.178 2.179v13.129c0 1.203.975 2.178 2.178 2.178H0a2.179 2.179 0 0 0 2.179-2.178V2.179A2.18 2.18 0 0 0 0 0" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(420.701 242.607)"/>
    <path d="M0 0h-43.643a2.178 2.178 0 0 0-2.178 2.179v13.128c0 1.203.975 2.178 2.178 2.178H0a2.179 2.179 0 0 0 2.179-2.178V2.179A2.179 2.179 0 0 0 0 0" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(470.951 281.441)"/>
    <path d="M0 0h-43.643a2.178 2.178 0 0 0-2.178 2.179v13.128c0 1.203.975 2.178 2.178 2.178H0a2.179 2.179 0 0 0 2.179-2.178V2.179A2.179 2.179 0 0 0 0 0" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(420.701 281.441)"/>
    <path d="M0 0h-43.643a2.179 2.179 0 0 0-2.178 2.179v13.128c0 1.203.975 2.179 2.178 2.179H0a2.18 2.18 0 0 0 2.179-2.179V2.179A2.18 2.18 0 0 0 0 0" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(421.701 319.774)"/>
    <path d="M0 0h-43.643a2.179 2.179 0 0 0-2.178 2.179v13.128c0 1.203.975 2.179 2.178 2.179H0a2.18 2.18 0 0 0 2.179-2.179V2.179A2.18 2.18 0 0 0 0 0" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(445.701 261.774)"/>
    <path d="M0 0h-43.643a2.179 2.179 0 0 0-2.178 2.179v13.128c0 1.203.975 2.178 2.178 2.178H0a2.179 2.179 0 0 0 2.179-2.178V2.179A2.18 2.18 0 0 0 0 0" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(396.701 300.608)"/>
    <path d="M0 0h-400.24" style="fill:none;stroke:#dadada;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" transform="translate(446.24 100.862)"/>
    <path d="M0 0s3.267 35.386 25.042 40.829c20.498 5.125 44.854 2.531 51.275 51.248 1.222 9.275-4.593 18.34-13.695 20.503-6.481 1.54-14.868-.101-23.971-10.779-7.076-8.302 1.089-23.408-34.296-35.385C-31.03 54.439-30.485 17.965-30.485 0" style="fill:#d6ef8f;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(421.244 142.587)"/>
    <path d="M0 0s-.654 30.81 14.154 42.1c18.938 14.438 59.771 14.438 55.891 47.906" style="fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" transform="translate(405.639 142.587)"/>
    <path d="M390.758 139.32h30.486v3.267h-30.486zM390.758 133.514h30.486v3.267h-30.486zM390.758 101.939h30.486v29.034h-30.486z" style="fill:#f6f6f6;fill-opacity:1;fill-rule:nonzero;stroke:none"/>
  </g>
  <g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 666.667)">
    <path d="m0 0-22.608-72.742a70.346 70.346 0 0 1 49.552 0L4.336 0C3.674 2.129.662 2.129 0 0" style="fill:#e94e1b;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(157.608 151.306)"/>
    <g clip-path="url(#c)" style="opacity:.52000397">
      <path d="m0 0 9.831-76.108 12.746 3.468z" style="fill:#e94e1b;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(161.976 151.203)"/>
    </g>
    <path d="m0 0 24.315-78.235a75.667 75.667 0 0 0-53.294 0L-4.664 0C-3.952 2.289-.712 2.289 0 0" style="fill:#e94e1b;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(364.337 132.938)"/>
    <g clip-path="url(#d)" style="opacity:.52000397">
      <path d="m0 0-10.573-81.855-13.708 3.73z" style="fill:#e94e1b;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(359.639 132.827)"/>
    </g>
    <path d="M0 0c0-3.269-41.909-5.918-93.606-5.918-51.697 0-93.606 2.649-93.606 5.918 0 3.268 41.909 5.917 93.606 5.917C-41.909 5.917 0 3.268 0 0" style="fill:#ededed;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(352.103 35.28)"/>
    <path d="M0 0a1.21 1.21 0 0 0-1.554.714L-4.213 7.88l2.266.841L.712 1.555A1.21 1.21 0 0 0 0 0" style="fill:#9d9d9c;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(330.997 245.963)"/>
    <path d="M0 0a1.209 1.209 0 0 0-1.554.713l-2.661 7.166 2.267.841 2.66-7.166A1.209 1.209 0 0 0 0 0" style="fill:#9d9d9c;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(336.501 248.06)"/>
    <path d="M0 0a1.211 1.211 0 0 0-1.554.714L-4.213 7.88l2.267.841L.713 1.555A1.209 1.209 0 0 0 0 0" style="fill:#b2b2b2;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(331.39 245.963)"/>
    <path d="M0 0a1.21 1.21 0 0 0-1.554.713l-2.66 7.166 2.267.841 2.66-7.166A1.209 1.209 0 0 0 0 0" style="fill:#b2b2b2;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(336.894 248.06)"/>
    <path d="M0 0c0-8.335-5.891-15.092-13.157-15.092S-26.314-8.335-26.314 0c0 8.334 5.891 15.092 13.157 15.092S0 8.334 0 0" style="fill:#33931c;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(225.597 298.007)"/>
    <path d="M0 0c-2.782-7.217-.349-14.875 5.436-17.104 5.783-2.23 12.728 1.813 15.509 9.03 2.783 7.217.349 14.875-5.435 17.105C9.727 11.26 2.782 7.217 0 0" style="fill:#fcfcfc;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(197.397 303.455)"/>
    <path d="M0 0c-3.239-5.051-2.583-11.25 1.464-13.846 4.048-2.595 9.955-.606 13.194 4.445 3.239 5.051 2.584 11.25-1.464 13.846S3.239 5.05 0 0" style="fill:#020202;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(198.546 305.385)"/>
    <path d="M0 0c-1.23-1.918-.981-4.273.556-5.259 1.538-.986 3.781-.23 5.012 1.688 1.23 1.919.981 4.273-.556 5.259C3.475 2.674 1.23 1.918 0 0" style="fill:#fcfcfc;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(208.16 309.975)"/>
    <path d="M0 0s21.181 88.635-30.258 87.563c-51.439-1.071-49.644-44.175-40.187-54.654 7.873-8.724 38.043-30.006 38.043-46.08C-32.402-29.246 0 0 0 0" style="fill:#33931c;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(264.527 220)"/>
    <path d="M0 0s-48.833-33.861-54.932-53.054c-4.481-14.1 2.757-28.648 13.889-35.615 6.288-3.935 14.498-2.793 19.48 2.704l8.725 9.626z" style="fill:#33931c;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(216.99 202.438)"/>
    <path d="M0 0s-13.109-16.708-14.943-42.122c-.28-3.893 2.117-7.541 5.872-8.605 4.309-1.221 10.879-1.931 19.609.357 3.932 1.03 6.521 4.815 6.085 8.856-.893 8.277-1.035 22.357 6.844 29.347z" style="fill:#33931c;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(216.64 83.741)"/>
    <path d="M0 0c3.14 4.897 10.667 3.34 11.604-2.401l.405-2.481S3.102-5.745 0 0" style="fill:#97c91f;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(202.794 36.785)"/>
    <path d="m0 0 .622 1.499C2.515 6.06 8.699 6.731 11.526 2.683l.849-1.215S5.103-.344 0 0" style="fill:#97c91f;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(214.803 31.903)"/>
    <path d="M0 0s13.109-16.708 14.942-42.122c.282-3.893-2.116-7.541-5.871-8.605-4.309-1.221-10.879-1.931-19.609.357-3.932 1.03-6.522 4.815-6.085 8.856.894 8.277 1.035 22.357-6.845 29.347z" style="fill:#33931c;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(296.321 83.741)"/>
    <path d="M0 0c-3.141 4.897-10.667 3.34-11.604-2.401l-.405-2.481S-3.103-5.745 0 0" style="fill:#97c91f;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(310.168 36.785)"/>
    <path d="m0 0-.623 1.499C-2.515 6.06-8.699 6.731-11.526 2.683l-.85-1.215S-5.104-.344 0 0" style="fill:#97c91f;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(298.16 31.903)"/>
    <path d="M0 0s41.783 6.634 62.526-17.952c20.745-24.585 13.062-70.683 13.062-70.683L16.646-27.913Z" style="fill:#487717;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(268.71 223.435)"/>
    <path d="m0 0-13.044 2.069a10.7 10.7 0 0 0-8.504 7.207l-3.897 11.696a7.816 7.816 0 0 1-7.424 5.351h-8.399a10.757 10.757 0 0 0-10.109 7.125l-4.34 12.156 2.741.979 4.339-12.156a7.84 7.84 0 0 1 7.369-5.194h8.399c4.628 0 8.721-2.95 10.184-7.34l3.899-11.696a7.797 7.797 0 0 1 6.197-5.253L.457 2.875Z" style="fill:#95c11f;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(343.092 177.415)"/>
    <path d="m0 0-17.748 2.815a14.034 14.034 0 0 0-11.154 9.455l-5.304 15.912a11.158 11.158 0 0 1-10.599 7.638h-11.426a14.11 14.11 0 0 0-13.262 9.347l-5.904 16.54 2.741.979 5.904-16.54a11.195 11.195 0 0 1 10.521-7.416h11.426c6.072 0 11.44-3.869 13.36-9.627l5.303-15.913a11.137 11.137 0 0 1 8.849-7.501L.457 2.875Z" style="fill:#95c11f;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(344.243 159.501)"/>
    <path d="M0 0s21.159-37.983 50.61-56.905c29.453-18.92 34.304-43.181-2.182-57.557L3.425-16.411Z" style="fill:#30510a;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(270.216 221.92)"/>
    <path d="M0 0s21.159-37.983 50.61-56.904c29.452-18.921 34.304-43.183-2.182-57.558L3.425-16.411Z" style="fill:#203801;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(262.533 220)"/>
    <path d="M0 0s7.56 19.4-3.242 44.992c-10.801 25.592 18.878 42.373 34.518 35.41 15.64-6.963 13.578-41.747 7.132-55.987-6.444-14.24-19.934-33.973-24.875-35.422C8.595-12.456-.217-9.942 0 0" style="fill:#33931c;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(280.82 190.911)"/>
    <path d="M0 0c0-8.335-5.891-15.092-13.157-15.092-7.267 0-13.157 6.757-13.157 15.092 0 8.334 5.89 15.092 13.157 15.092C-5.891 15.092 0 8.334 0 0" style="fill:#33931c;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(255.97 298.007)"/>
    <path d="M0 0s20.815-4.734 31.648 8.167L25.404-7.026S12.656-17.19 0 0" style="fill:#308215;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(167.598 121.338)"/>
    <path d="M0 0c-.902 3.251-1.726 6.693-2.47 10.157-.299 1.392-1.62 2.408-3.018 2.142l-1.192-.375c-2.541-.8-5.025-1.777-7.46-2.861-2.191-.975-3.691-1.405-6.629-2.106-4.885-1.165-9.823-1.41-14.824-1.579-4.097-.139-7.933.198-11.689.753-1.362-4.95-3.918-10.209-8.547-14.837 0 0-27.464-32.702-26.758-66.826-.005-.356-.025-.707-.025-1.063 0-39.095 30.157-70.788 67.358-70.788 29.002 0 54.215 18.505 62.881 47.403 1.121 2.786 1.77 5.667 2.035 8.615.007.037.016.074.022.113l-.008.021C52.538-57.681 4.264-15.351 0 0" style="fill:#97c91f;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(272.818 211.144)"/>
    <path d="M0 0c-2.496-7.321-9.275-11.635-15.142-9.635-5.867 1.999-8.601 9.555-6.106 16.876 2.495 7.322 9.274 11.635 15.142 9.635C-.239 14.876 2.494 7.321 0 0" style="fill:#fcfcfc;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(251.166 291.212)"/>
    <path d="M0 0c-.756-5.953-5.235-10.288-10.005-9.682-4.771.605-8.026 5.921-7.271 11.873.755 5.953 5.234 10.288 10.005 9.683C-2.5 11.269.755 5.953 0 0" style="fill:#020202;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(251.523 293.43)"/>
    <path d="M0 0c-.287-2.261-1.988-3.908-3.8-3.678-1.812.23-3.049 2.249-2.762 4.511.287 2.261 1.988 3.907 3.8 3.677C-.95 4.281.287 2.261 0 0" style="fill:#fcfcfc;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(247.091 303.117)"/>
    <path d="M0 0c0-4.172-3.096-7.555-6.915-7.555-3.818 0-6.914 3.383-6.914 7.555s3.096 7.555 6.914 7.555C-3.096 7.555 0 4.172 0 0" style="fill:#020202;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(227.352 258.65)"/>
    <path d="M0 0c-4.527 0-9.479.446-14.774 1.57a2.425 2.425 0 1 0 1.008 4.745c23.175-4.919 39.502 4.282 39.665 4.375a2.427 2.427 0 0 0 2.423-4.203C27.749 6.156 16.823 0 0 0" style="fill:#dedc00;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(239.915 213.332)"/>
    <path d="M0 0c-.284 0-.573.051-.854.156-3.644 1.373-5.624 2.598-5.707 2.65a2.424 2.424 0 0 0 2.562 4.119c.03-.019 1.719-1.048 4.854-2.228A2.426 2.426 0 0 0 0 0" style="fill:#dedc00;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(215.635 181.41)"/>
    <path d="M0 0a2.425 2.425 0 0 0-.426 4.813c3.919.703 7.937 1.7 11.942 2.965a2.426 2.426 0 0 0 1.461-4.626A101.114 101.114 0 0 0 .43.038 2.517 2.517 0 0 0 0 0m-14.654-1.34a74.56 74.56 0 0 0-10.83.778 2.426 2.426 0 0 0 .708 4.8 69.493 69.493 0 0 1 10.122-.727c.67 0 1.352.01 2.045.028 1.341.052 2.455-1.018 2.492-2.357a2.426 2.426 0 0 0-2.358-2.492 76.54 76.54 0 0 0-2.179-.03" style="fill:#dedc00;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(252.98 178.902)"/>
    <path d="M0 0a2.426 2.426 0 0 0-.98 4.645c1.72.76 3.461 1.576 5.175 2.425a2.424 2.424 0 1 0 2.156-4.344A131.26 131.26 0 0 0 .979.207 2.433 2.433 0 0 0 0 0" style="fill:#dedc00;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(277.04 186.42)"/>
    <path d="M0 0c-.297 0-.6.056-.893.172-3.489 1.383-5.453 2.372-5.535 2.414a2.425 2.425 0 0 0 2.191 4.328c.018-.009 1.87-.94 5.131-2.232A2.426 2.426 0 0 0 0 0" style="fill:#dedc00;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(200.132 135.73)"/>
    <path d="M0 0a2.425 2.425 0 0 0-.947 4.659 94.76 94.76 0 0 1 10.74 5.389 2.426 2.426 0 0 0 2.445-4.19A99.409 99.409 0 0 0 .946.193 2.415 2.415 0 0 0 0 0m-60.52-5.84c-.144 0-.289.012-.436.038a132.185 132.185 0 0 0-12.24 2.83A2.428 2.428 0 0 0-74.873.021a2.431 2.431 0 0 0 2.994 1.676 127.496 127.496 0 0 1 11.788-2.725 2.425 2.425 0 0 0-.429-4.812m36.828-.8a2.428 2.428 0 0 0-2.397 2.068 2.427 2.427 0 0 0 2.041 2.757A96.88 96.88 0 0 1-12.287.689a2.425 2.425 0 1 0 1.307-4.67 101.553 101.553 0 0 0-12.352-2.632 2.333 2.333 0 0 0-.36-.027m-15.641-1.142c-3.016 0-6.096.121-9.152.361a2.426 2.426 0 0 0-2.228 2.608c.105 1.336 1.277 2.348 2.608 2.228a111.34 111.34 0 0 1 12.062-.297c1.315.066 2.457-1.013 2.498-2.351a2.427 2.427 0 0 0-2.352-2.497 110.285 110.285 0 0 0-3.436-.052" style="fill:#dedc00;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(284.356 134.863)"/>
    <path d="M0 0a2.426 2.426 0 0 0-1.47 4.356 105.194 105.194 0 0 1 4.435 3.568 2.425 2.425 0 1 0 3.14-3.697A110.367 110.367 0 0 0 1.467.495 2.414 2.414 0 0 0 0 0" style="fill:#dedc00;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(305.632 147.26)"/>
    <path d="M0 0c-.367 0-.74.085-1.09.261-3.368 1.699-5.245 2.943-5.324 2.995a2.425 2.425 0 1 0 2.689 4.038c.069-.046 1.787-1.172 4.819-2.701A2.426 2.426 0 0 0 0 0" style="fill:#dedc00;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(208.834 93.767)"/>
    <path d="M0 0a2.424 2.424 0 0 0-1.202 4.533 108.233 108.233 0 0 1 10.43 6.78 2.426 2.426 0 1 0 2.869-3.912A113.376 113.376 0 0 0 1.197.317 2.42 2.42 0 0 0 0 0m-23.516-9.555a2.427 2.427 0 0 0-.59 4.779A88.13 88.13 0 0 1-12.352-.904a2.427 2.427 0 0 0 1.835-4.491 92.835 92.835 0 0 0-12.405-4.084 2.425 2.425 0 0 0-.594-.076M-61.382-10.6c-.15 0-.303.014-.456.043a96.63 96.63 0 0 0-12.624 3.306 2.426 2.426 0 1 0 1.544 4.599 91.578 91.578 0 0 1 11.987-3.139 2.427 2.427 0 0 0-.451-4.809m16.685-1.585a92.854 92.854 0 0 0-4.168.098 2.426 2.426 0 0 0-2.311 2.534 2.416 2.416 0 0 0 2.535 2.312 85.51 85.51 0 0 1 12.359.328 2.417 2.417 0 0 0 2.655-2.17 2.425 2.425 0 0 0-2.169-2.656 89.1 89.1 0 0 0-8.901-.446" style="fill:#dedc00;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(294.273 96.268)"/>
    <path d="M0 0c-.664 0-1.324.271-1.804.803a2.428 2.428 0 0 0 .181 3.426A138.933 138.933 0 0 1 2.55 8.145a2.425 2.425 0 1 0 3.39-3.469A142.486 142.486 0 0 0 1.622.622 2.418 2.418 0 0 0 0 0" style="fill:#dedc00;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(314.818 111.258)"/>
    <path d="M0 0c5.42-4.153 13.294-.738 13.968 6.057l.345 3.487S4.876 6.446 0 0" style="fill:#97c91f;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(280.929 261.88)"/>
    <path d="m0 0 1.956-1.507a10.805 10.805 0 0 1 13.479.224l1.42 1.173S10.135 3.5 0 0" style="fill:#97c91f;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(295.241 271.423)"/>
    <path d="M0 0a18.433 18.433 0 0 0-4.027-17.655l-1.325-1.455S-7.696-8.713 0 0" style="fill:#97c91f;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(280.929 261.88)"/>
    <path d="M0 0a21.885 21.885 0 0 0 6.003-7.798c1.967-4.294 1.936-9.241.106-13.597 0 0-7.48 9.659-6.109 21.395" style="fill:#97c91f;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(160.815 143.623)"/>
    <path d="m0 0 .949.064a23.458 23.458 0 0 0 19.697-8.465l.606-.735S11.161-14.159 0 0" style="fill:#97c91f;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(167.598 121.338)"/>
    <path d="M0 0s16.169-11.642 37.836 0c21.668 11.642 20.172-28.499 20.172-28.499s-14.007-4.366-24.315-2.911c0 0-6.34.564-7.324 1.222 0 0-12.45 15.732-20.299 21.546C6.07-8.642-5.134.606 0 0" style="fill:#308215;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(201.025 249.612)"/>
    <g clip-path="url(#e)" style="opacity:.57000703">
      <path d="M0 0s-1.061-64.589-39.015-64.326l12.04-15.841s11.387 7.584 19.724 24.442c8.337 16.86 10.822 23.18 10.054 36.898C2.033-5.11 0 0 0 0" style="fill:#308215;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(321.328 260.071)"/>
    </g>
    <path d="M0 0s81.186 14.64 93.798-.001c12.612-14.64-57.241-8.99-67.913-20.547-10.672-11.556 57.85-17.938 94.593-2.7 113.157 46.93 114.934 236.192 181.891 238.336 9.865.315 18.13-2.189 25.051-6.69" style="fill:none;stroke:#1d1d1b;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" transform="translate(0 57.808)"/>
    <path d="m0 0-10.628-3.748a2.55 2.55 0 0 0-3.253 1.557l-3.178 9.008a2.551 2.551 0 0 0 1.557 3.253l10.628 3.748a2.55 2.55 0 0 0 3.253-1.556l3.178-9.009A2.552 2.552 0 0 0 0 0" style="fill:#c6c6c6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(337.394 255.624)"/>
    <path d="m0 0 15.402 5.541.45-1.359s.33-1.327-.799-2.421l-.845-.499L3.425-2.53s-1.225-.316-2.349.512c0 0-.472.305-1.076 2.018" style="fill:#f9b233;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(323.187 254.362)"/>
    <path d="m0 0-15.477-5.727-.464 1.366s-.346 1.334.783 2.447l.846.511 10.835 3.921s1.232.331 2.373-.494c0 0 .48-.303 1.104-2.024" style="fill:#f9b233;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(336.146 266.992)"/>
    <path d="M0 0s-81.463 14.64-94.075-.001c-12.613-14.64 57.24-8.99 67.912-20.547 10.672-11.556-57.85-17.938-94.592-2.7" style="fill:none;stroke:#1d1d1b;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" transform="translate(500 57.808)"/>
    <path d="M0 0a2.668 2.668 0 1 0-5.26-.896A2.668 2.668 0 0 0 0 0" style="fill:#c6c6c6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(383.532 34.241)"/>
    <path d="m0 0-10.385 1.308a.575.575 0 0 0-.498.641l1.564 12.408c.04.315.326.539.641.498l10.386-1.308a.574.574 0 0 0 .497-.642L.642.497A.575.575 0 0 0 0 0" style="fill:#c6c6c6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(379.84 27.182)"/>
    <path d="M0 0c-.571-3.728-1.783-6.634-2.707-6.493-.924.141-1.209 3.278-.638 7.006.572 3.726 1.783 6.633 2.706 6.492C.285 6.863.571 3.727 0 0" style="fill:#a5a5a5;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(371.606 35.023)"/>
    <path d="M0 0c-.571-3.727-1.783-6.634-2.707-6.492-.922.141-1.208 3.278-.637 7.005.572 3.727 1.782 6.633 2.706 6.493C.286 6.863.571 3.728 0 0" style="fill:#c6c6c6;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(382.574 33.536)"/>
    <path d="M0 0a.386.386 0 0 0-.305.45l1.04 5.357a.385.385 0 0 0 .754-.146L.45.303A.385.385 0 0 0 0 0" style="fill:#575756;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(368.896 33.2)"/>
    <path d="M0 0a.385.385 0 0 0-.304.45L.735 5.809a.384.384 0 0 0 .754-.148L.45.305A.386.386 0 0 0 0 0" style="fill:#575756;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(370.067 31.824)"/>
    <text style="font-variant:normal;font-weight:400;font-stretch:normal;font-size:112.02089691px;font-family:Baloo;-inkscape-font-specification:Baloo;writing-mode:lr-tb;fill:#487717;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1 0 0 -1 147.336 403.22)"><tspan x="0 69.004875 137.44965" y="0">404</tspan></text>
  </g>
  <text style="font-variant:normal;font-weight:400;font-stretch:normal;font-size:40.00139999px;font-family:Baloo;-inkscape-font-specification:Baloo;writing-mode:lr-tb;fill:#487717;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1.33333 0 0 1.33333 251.464 173.615)"><tspan x="0 21.920767 46.28162 70.322464 98.443443" y="0">ERROR</tspan></text>
  <text style="font-variant:normal;font-weight:400;font-stretch:normal;font-size:15.17520046px;font-family:Arial;-inkscape-font-specification:Arial;writing-mode:lr-tb;fill:#487717;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1.33333 0 0 1.33333 253.028 214.898)"><tspan x="0 8.3615351 17.724634 27.800966 36.116978 39.152016 49.455978 59.849472 68.28688 71.321922 79.304077 89.972244 100.04858 110.35254" y="0">không tìm thấy</tspan></text>
</svg></div>
					
					<div class="zoomcontrols">
						<div id="zoom-in"><i aria-hidden="true" class="fas fa-search-plus"></i></div>
						<div id="reset"><i aria-hidden="true" class="fas fa-sync"></i> 100%</div>
						<div id="zoom-out"><i aria-hidden="true" class="fas fa-search-minus"></i></div>
					</div>	
					
                    <div class="controlbtns">
					   <a id="random-color-button" class="controlslink" href="" target="_self" onclick="return false;" rel="noopener">
							<div class="btncontrols"><i aria-hidden="true" class="fas fa-random"></i><span class="controlslinktext">Auto</span></div>
						</a>						
						<a id="coloring-undo-button" class="controlslink" href="" target="_self" onclick="return false;" rel="noopener">
                            <div class="btncontrols"><i aria-hidden="true" class="fas fa-undo"></i><span class="controlslinktext">Undo</span></div>
                        </a>
                        <a id="coloring-reset-button" class="controlslink" href="" target="_self" onclick="return false;" rel="noopener">
                            <div class="btncontrols"><i aria-hidden="true" class="far fa-trash-alt"></i><span class="controlslinktext">Reset</span></div>
                        </a>
                        <a href="" onclick="printDiv();return false;">
                            <div class="btncontrols"><i aria-hidden="true" class="fas fa-save"></i><span class="controlslinktext">Print</span></div>
                        </a>
						<a id="coloring-fullscreen-button" class="controlslink" href="" target="_self" onclick="return false;" rel="noopener">
							<div class="btncontrols"><i aria-hidden="true" class="fas fa-expand"></i><span class="controlslinktext">Expand</span></div>
						</a>
                        <div class="btncontrols zoombtn"><i aria-hidden="true" class="fas fa-search-plus"></i><span class="controlslinktext">Zoom</span></div>						
						
                    </div>
                </div>
            </div>
			
            <!-- Phần bên phải -->
            <div id="coloring-right">
                <center><h3 class="coloring-h3">BẢNG TRỘN MÀU</h3></center>
                <div class="coloring-picker">
                    <center><div id='box1' class='box'><div id='customcolor1' class='customcolorx' style='background: #ffffff; fill: #ffffff;' x='0' y='0' onclick='selected(this.id)'></div><input type='color' value='#000000' id='colorPicker1' class='farba' title='Bấm vào bảng màu và chọn bất kỳ màu nào' onclick='selected(this.id)' /></div><div id='box2' class='box'><div id='customcolor2' class='customcolorx' style='background: #000000; fill: #000000;' x='0' y='0' onclick='selected(this.id)'></div><input type='color' value='#000000' id='colorPicker2' class='farba' title='Bấm vào bảng màu và chọn bất kỳ màu nào' onclick='selected(this.id)' /></div><div id='box3' class='box'><div id='customcolor3' class='customcolorx' style='background: #00ff00; fill: #00ff00;' x='0' y='0' onclick='selected(this.id)'></div><input type='color' value='#000000' id='colorPicker3' class='farba' title='Bấm vào bảng màu và chọn bất kỳ màu nào' onclick='selected(this.id)' /></div><div id='box4' class='box'><div id='customcolor4' class='customcolorx' style='background: #0000ff; fill: #0000ff;' x='0' y='0' onclick='selected(this.id)'></div><input type='color' value='#000000' id='colorPicker4' class='farba' title='Bấm vào bảng màu và chọn bất kỳ màu nào' onclick='selected(this.id)' /></div>
					</center>
                    <div class="coloring-palette-64" style="display: inline-block;"><div id="color01" class="basiccolor" style="background: #FF0000; fill: #FF0000;" x="0" y="0" onclick="selected(this.id)"></div><div id="color02" class="basiccolor" style="background: #DF0000; fill: #DF0000;" x="0" y="0" onclick="selected(this.id)"></div><div id="color03" class="basiccolor" style="background: #AF102E; fill: #AF102E;" x="0" y="0" onclick="selected(this.id)"></div><div id="color04" class="basiccolor" style="background: #550E2B; fill: #550E2B;" x="0" y="0" onclick="selected(this.id)"></div><div id="color05" class="basiccolor" style="background: #9C2B3B; fill: #9C2B3B;" x="0" y="0" onclick="selected(this.id)"></div><div id="color06" class="basiccolor" style="background: #E45761; fill: #E45761;" x="0" y="0" onclick="selected(this.id)"></div><div id="color07" class="basiccolor" style="background: #FF9792; fill: #FF9792;" x="0" y="0" onclick="selected(this.id)"></div><div id="color08" class="basiccolor" style="background: #FFD5CF; fill: #FFD5CF;" x="0" y="0" onclick="selected(this.id)"></div><div id="color09" class="basiccolor" style="background: #FFE1B5; fill: #FFE1B5;" x="0" y="0" onclick="selected(this.id)"></div><div id="color10" class="basiccolor" style="background: #EFAF79; fill: #EFAF79;" x="0" y="0" onclick="selected(this.id)"></div><div id="color11" class="basiccolor" style="background: #F66D1E; fill: #F66D1E;" x="0" y="0" onclick="selected(this.id)"></div><div id="color12" class="basiccolor" style="background: #8D4131; fill: #8D4131;" x="0" y="0" onclick="selected(this.id)"></div><div id="color13" class="basiccolor" style="background: #492917; fill: #492917;" x="0" y="0" onclick="selected(this.id)"></div><div id="color14" class="basiccolor" style="background: #97530F; fill: #97530F;" x="0" y="0" onclick="selected(this.id)"></div><div id="color15" class="basiccolor" style="background: #DD8C00; fill: #DD8C00;" x="0" y="0" onclick="selected(this.id)"></div><div id="color16" class="basiccolor" style="background: #FBC800; fill: #FBC800;" x="0" y="0" onclick="selected(this.id)"></div><div id="color17" class="basiccolor" style="background: #FFFF8F; fill: #FFFF8F;" x="0" y="0" onclick="selected(this.id)"></div><div id="color18" class="basiccolor" style="background: #E4FCA2; fill: #E4FCA2;" x="0" y="0" onclick="selected(this.id)"></div><div id="color19" class="basiccolor" style="background: #AFE356; fill: #AFE356;" x="0" y="0" onclick="selected(this.id)"></div><div id="color20" class="basiccolor" style="background: #6CB328; fill: #6CB328;" x="0" y="0" onclick="selected(this.id)"></div><div id="color21" class="basiccolor" style="background: #38741A; fill: #38741A;" x="0" y="0" onclick="selected(this.id)"></div><div id="color22" class="basiccolor" style="background: #0E3E12; fill: #0E3E12;" x="0" y="0" onclick="selected(this.id)"></div><div id="color23" class="basiccolor" style="background: #177578; fill: #177578;" x="0" y="0" onclick="selected(this.id)"></div><div id="color24" class="basiccolor" style="background: #00BC9F; fill: #00BC9F;" x="0" y="0" onclick="selected(this.id)"></div><div id="color25" class="basiccolor" style="background: #6BECBD; fill: #6BECBD;" x="0" y="0" onclick="selected(this.id)"></div><div id="color26" class="basiccolor" style="background: #C9FCCC; fill: #C9FCCC;" x="0" y="0" onclick="selected(this.id)"></div><div id="color27" class="basiccolor" style="background: #D8E0FF; fill: #D8E0FF;" x="0" y="0" onclick="selected(this.id)"></div><div id="color28" class="basiccolor" style="background: #A6ADFF; fill: #A6ADFF;" x="0" y="0" onclick="selected(this.id)"></div><div id="color29" class="basiccolor" style="background: #6E6AFF; fill: #6E6AFF;" x="0" y="0" onclick="selected(this.id)"></div><div id="color30" class="basiccolor" style="background: #3E32D5; fill: #3E32D5;" x="0" y="0" onclick="selected(this.id)"></div><div id="color31" class="basiccolor" style="background: #2D1A71; fill: #2D1A71;" x="0" y="0" onclick="selected(this.id)"></div><div id="color32" class="basiccolor" style="background: #3257BE; fill: #3257BE;" x="0" y="0" onclick="selected(this.id)"></div><div id="color33" class="basiccolor" style="background: #409DEF; fill: #409DEF;" x="0" y="0" onclick="selected(this.id)"></div><div id="color34" class="basiccolor" style="background: #70DBFF; fill: #70DBFF;" x="0" y="0" onclick="selected(this.id)"></div><div id="color35" class="basiccolor" style="background: #BFFFFF; fill: #BFFFFF;" x="0" y="0" onclick="selected(this.id)"></div><div id="color36" class="basiccolor" style="background: #FFCDFF; fill: #FFCDFF;" x="0" y="0" onclick="selected(this.id)"></div><div id="color37" class="basiccolor" style="background: #EE82EE; fill: #EE82EE;" x="0" y="0" onclick="selected(this.id)"></div><div id="color38" class="basiccolor" style="background: #B44CEF; fill: #B44CEF;" x="0" y="0" onclick="selected(this.id)"></div><div id="color39" class="basiccolor" style="background: #652BBC; fill: #652BBC;" x="0" y="0" onclick="selected(this.id)"></div><div id="color40" class="basiccolor" style="background: #480E55; fill: #480E55;" x="0" y="0" onclick="selected(this.id)"></div><div id="color41" class="basiccolor" style="background: #941887; fill: #941887;" x="0" y="0" onclick="selected(this.id)"></div><div id="color42" class="basiccolor" style="background: #FF00FF; fill: #FF00FF;" x="0" y="0" onclick="selected(this.id)"></div><div id="color43" class="basiccolor" style="background: #E444C3; fill: #E444C3;" x="0" y="0" onclick="selected(this.id)"></div><div id="color44" class="basiccolor" style="background: #FF91E2; fill: #FF91E2;" x="0" y="0" onclick="selected(this.id)"></div><div id="color45" class="basiccolor" style="background: #4B0082; fill: #4B0082;" x="0" y="0" onclick="selected(this.id)"></div><div id="color46" class="basiccolor" style="background: #663399; fill: #663399;" x="0" y="0" onclick="selected(this.id)"></div><div id="color47" class="basiccolor" style="background: #9370DB; fill: #9370DB;" x="0" y="0" onclick="selected(this.id)"></div><div id="color48" class="basiccolor" style="background: #6A5ACD; fill: #6A5ACD;" x="0" y="0" onclick="selected(this.id)"></div><div id="color49" class="basiccolor" style="background: #483D8B; fill: #483D8B;" x="0" y="0" onclick="selected(this.id)"></div><div id="color50" class="basiccolor" style="background: #8A2BE2; fill: #8A2BE2;" x="0" y="0" onclick="selected(this.id)"></div><div id="color51" class="basiccolor" style="background: #800080; fill: #800080;" x="0" y="0" onclick="selected(this.id)"></div><div id="color52" class="basiccolor" style="background: #9400D3; fill: #9400D3;" x="0" y="0" onclick="selected(this.id)"></div><div id="color53" class="basiccolor" style="background: #9932CC; fill: #9932CC;" x="0" y="0" onclick="selected(this.id)"></div><div id="color54" class="basiccolor" style="background: #8B008B; fill: #8B008B;" x="0" y="0" onclick="selected(this.id)"></div><div id="color55" class="basiccolor" style="background: #5270C3; fill: #5270C3;" x="0" y="0" onclick="selected(this.id)"></div><div id="color56" class="basiccolor" style="background: #C873B9; fill: #C873B9;" x="0" y="0" onclick="selected(this.id)"></div><div id="color57" class="basiccolor" style="background: #4EA15E; fill: #4EA15E;" x="0" y="0" onclick="selected(this.id)"></div><div id="color58" class="basiccolor" style="background: #B9A264; fill: #B9A264;" x="0" y="0" onclick="selected(this.id)"></div><div id="color59" class="basiccolor" style="background: #4CA6A8; fill: #4CA6A8;" x="0" y="0" onclick="selected(this.id)"></div><div id="color60" class="basiccolor" style="background: #A64D4E; fill: #A64D4E;" x="0" y="0" onclick="selected(this.id)"></div><div id="color61" class="basiccolor" style="background: #80B954; fill: #80B954;" x="0" y="0" onclick="selected(this.id)"></div><div id="color62" class="basiccolor" style="background: #7E60B9; fill: #7E60B9;" x="0" y="0" onclick="selected(this.id)"></div><div id="color63" class="basiccolor" style="background: #7CA668; fill: #7CA668;" x="0" y="0" onclick="selected(this.id)"></div><div id="color64" class="basiccolor" style="background: #B97E9B; fill: #B97E9B;" x="0" y="0" onclick="selected(this.id)"></div>
                    </div>
                </div>
            </div>
        </section>
		<script>
			document.addEventListener("DOMContentLoaded", function (event) {
				jQuery("#printbtnmob").click(function () {
					printDiv();
					return false;
				});				
				jQuery("#random-color-button").click(function () {
					randomColor();
					return false;
				});
			});
					
			document.addEventListener("DOMContentLoaded", function () {
				const coloringFullscreenButton = document.getElementById("coloring-fullscreen-button");
				coloringFullscreenButton.addEventListener("click", toggleFullscreen);

				function toggleFullscreen() {
					const coloring = document.getElementById("coloring");

					if (!document.fullscreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {
						if (coloring.requestFullscreen) {
							coloring.requestFullscreen();
						} else if (coloring.webkitRequestFullscreen) { /* Safari */
							coloring.webkitRequestFullscreen();
						} else if (coloring.msRequestFullscreen) { /* IE/Edge */
							coloring.msRequestFullscreen();
						}
					} else {
						if (document.exitFullscreen) {
							document.exitFullscreen();
						} else if (document.webkitExitFullscreen) { /* Safari */
							document.webkitExitFullscreen();
						} else if (document.msExitFullscreen) { /* IE/Edge */
							document.msExitFullscreen();
						}
					}
				}

				document.addEventListener("fullscreenchange", function () {
					updateFullscreenButton();
				});

				function updateFullscreenButton() {
					const isFullscreen = document.fullscreenElement || document.webkitFullscreenElement || document.msFullscreenElement;
					const fullscreenButtonText = isFullscreen ? "Exit" : "Expand";
					coloringFullscreenButton.querySelector(".controlslinktext").textContent = fullscreenButtonText;
				}
			});
		</script>
		
		<script src="https://tapve.com/wp-content/plugins/svgcoloringbook/js/jquery-2.1.4.js"></script>
		<script src="https://tapve.com/wp-content/plugins/svgcoloringbook/js/svg-pan-zoom-min.js"></script>
		<script src="https://tapve.com/wp-content/plugins/svgcoloringbook/js/hammer.js"></script>
		<script src="https://tapve.com/wp-content/plugins/svgcoloringbook/js/tomau.js"></script>
		<script src="https://tapve.com/wp-content/plugins/svgcoloringbook/js/svg-pan-zoom-preload.js"></script>

		<script>
			function randomColor() {
				var colors = ["#dfeae4", "#a6cfd0", "#7b95a0", "#505d6d", "#353234", "#665d5b", "#998d86", "#cdbfb3", "#eae6da", "#eeb3b7", "#ff0000", "#df0000", "#af102e", "#550e2b", "#9c2b3b", "#e45761", "#ff9792", "#ffd5cf", "#ffe1b5", "#efaf79", "#f66d1e", "#8d4131", "#492917", "#97530f", "#dd8c00", "#fbc800", "#ffff8f", "#e4fca2", "#afe356", "#6cb328", "#38741a", "#0e3e12", "#177578", "#00bc9f", "#6becbd", "#c9fccc", "#d8e0ff", "#a6adff", "#6e6aff", "#3e32d5", "#2d1a71", "#3257be", "#409def", "#70dbff", "#bfffff", "#ffcdff", "#ee82ee", "#b44cef", "#652bbc", "#480e55", "#941887", "#ff00ff", "#e444c3", "#ff91e2"];

				var elements = document.querySelectorAll("#coloring-area svg path");

				elements.forEach(function (element) {
					var randomColor = colors[Math.floor(Math.random() * colors.length)];
					var previousFill = element.style.fill;

					// Track the change in coloringSteps
					var coloringStep = {
						target: element,
						previousFill: element.getAttribute("style")
					};

					element.style.fill = randomColor;
					ColoringBookHandler.coloringSteps.push(coloringStep);
				});
			}

			document.addEventListener("DOMContentLoaded", (event) => {
				document.querySelectorAll(".farba").forEach(input => {
					input.addEventListener("change", (event) => {
						let selectedColor = event.target.value;
						let previousDiv = event.target.previousElementSibling;

						if (previousDiv && previousDiv.classList.contains("customcolorx")) {
							previousDiv.classList.add("selectioncustomcolor");
						}

						ColoringBookHandler.currentFill = "fill:${selectedColor}";

						// Optionally, if you want to call the handlePaletteClick to simulate the same behavior
						ColoringBookHandler.handlePaletteClick({
							target: previousDiv
						});
					});
				});
			});
		
		
			function selected(clicked_id) {
				var elems = document.querySelectorAll(".farba");
				[].forEach.call(elems, function (el) {
					el.classList.remove("selectioncustomcolor");
				});
				var elems = document.querySelectorAll(".basiccolor.selectioncustomcolor");
				[].forEach.call(elems, function (el) {
					el.classList.remove("selectioncustomcolor");
				});
				var elems = document.querySelectorAll(".customcolorx.selectioncustomcolor");
				[].forEach.call(elems, function (el) {
					el.classList.remove("selectioncustomcolor");
				});
				var element = document.getElementById(clicked_id);
				element.classList.toggle("selectioncustomcolor");
			}	
			
			
			function selected_bk(clicked_id) {
				var elems = document.querySelectorAll(".farba");
				[].forEach.call(elems, function (el) {
					el.classList.remove("selectioncustomcolor");
				});
				var elems = document.querySelectorAll(".basiccolor.selectioncustomcolor");
				[].forEach.call(elems, function (el) {
					el.classList.remove("selectioncustomcolor");
				});
				var elems = document.querySelectorAll(".customcolorx.selectioncustomcolor");
				[].forEach.call(elems, function (el) {
					el.classList.remove("selectioncustomcolor");
				});
				var element = document.getElementById(clicked_id);
				element.classList.toggle("selectioncustomcolor");
			}

			function printDiv() {
				var divContents = document.getElementById("coloring-area").innerHTML;
				var a = window.open("", "", "height=1000, width=900");
				a.document.write(
					"<html><head><style>#tomauonline {position: absolute !important;top: 100pt; left: 42px; transform: scale(0.95); width: 750px !important;height:750px !important; }  g.svg-pan-zoom_viewportxxx  {transform: matrix(0.90, 0, 0, 0.90, 0, 16) !important}   @page {margin:  0cm !important;} #svg-pan-zoom-controls {display:none !important;visibility: hidden !important;} } </style></head>"
				);
				a.document.write("<body data-rsssl=1 ><div>");
				a.document.write('<div style="position: absolute; width: 100%; height: auto;text-align: center;  top: 50px;" ><img decoding="async"  src="https://tapve.com/wp-content/plugins/svgcoloringbook/img/logo.png" style="width:auto; height: 80px;" alt="TAPVE""></div>');
				a.document.write(divContents);
				a.document.write(
					'<div class="logo" style="position: absolute; width: 100%; height: auto;text-align: center;  bottom: 50px;font-family: Arial, Helvetica, sans-serif;" >© 2024 www.tapve.com <br /><br />SÁCH TÔ MÀU TRỰC TUYẾN CHO BÉ !</div>'
				);
				a.document.write("</div></body></html>");
				a.document.close();
				a.print();
			}
					let colorPicker1 = document.getElementById("colorPicker1");
					let box1 = document.getElementById("box1");
					let customcolor1 = document.getElementById("customcolor1");

					box1.style.borderColor = colorPicker1.value;

					colorPicker1.addEventListener(
						"input",
						function (event) {
							box1.style.borderColor = event.target.value;
							customcolor1.style.background = event.target.value;
							customcolor1.style.fill = event.target.value;
						},
						false
					);
				
					let colorPicker2 = document.getElementById("colorPicker2");
					let box2 = document.getElementById("box2");
					let customcolor2 = document.getElementById("customcolor2");

					box2.style.borderColor = colorPicker2.value;

					colorPicker2.addEventListener(
						"input",
						function (event) {
							box2.style.borderColor = event.target.value;
							customcolor2.style.background = event.target.value;
							customcolor2.style.fill = event.target.value;
						},
						false
					);
				
					let colorPicker3 = document.getElementById("colorPicker3");
					let box3 = document.getElementById("box3");
					let customcolor3 = document.getElementById("customcolor3");

					box3.style.borderColor = colorPicker3.value;

					colorPicker3.addEventListener(
						"input",
						function (event) {
							box3.style.borderColor = event.target.value;
							customcolor3.style.background = event.target.value;
							customcolor3.style.fill = event.target.value;
						},
						false
					);
				
					let colorPicker4 = document.getElementById("colorPicker4");
					let box4 = document.getElementById("box4");
					let customcolor4 = document.getElementById("customcolor4");

					box4.style.borderColor = colorPicker4.value;

					colorPicker4.addEventListener(
						"input",
						function (event) {
							box4.style.borderColor = event.target.value;
							customcolor4.style.background = event.target.value;
							customcolor4.style.fill = event.target.value;
						},
						false
					);
				
			$(function (f) {
				$(".zoombtn").click(function (x) {
					$(".zoomcontrols").toggleClass("zoomshow");
				});
			});
			
		</script>
]]></content:encoded>
					
					<wfw:commentRss>https://tapve.com/cong-chua-hoa-hong/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
