Color circle puzzle

Color circle puzzle

Play Online

DESCRIPTION

Color Circle Puzzle is Ultra Casual Puzzle Game.One of addictive kind. Drag and drop the ring group to match color enjoy the combo.

Arcade games

.prime-carousel-container{width:100%;height:fit-content;white-space:nowrap;overflow-x:scroll!important;overflow-y:hidden;-webkit-overflow-scrolling:touch}.primeCarouselLi{float:none;display:inline-block!important}::-webkit-scrollbar{display:none}.paddles button{opacity:.7!important}h2{color:#2f1f83!important}@media screen and (min-width:100px) and (max-width:799px){#ja-mainnav{max-width:725px;font-size:.9em!important;height:40px;max-height:40px}}.word .inputbox{height:30px;font-size:16px;width:70%;margin-bottom:0}.word .button{padding:7px 10px;margin:5px 0;font-size:16px}.search .word label{vertical-align:middle} @media screen and (max-width:1199px){.toggle-menu{font-size:1.25em;padding-left:20px}#logobanner{display:none}.menux{background-color:#fff;color:#262626;font-size:14px!important;position:relative;left:0;width:100%;padding:5px 0 5px 0;z-index:10;max-height:5px}}@media screen and (min-width:1200px){.toggle-menu{display:none}#menu072{display:none}.menux{background-color:#fff;color:#262626;font-size:14px!important;position:relative;left:0;width:100%;padding:5px 0 5px 0;z-index:10;font-size:1.3em}}.items-leading{padding:0!important}#ja-header .main-inner1{background:#fff;font-size:14px!important}.main .main-inner1{margin-left:0!important;margin-right:0!important}#ja-search{border-bottom:0!important}#ja-top{border-left:0!important}.menux input[type="checkbox"]{opacity:0;position:absolute;left:-9999px}.menux a,.menux .toggle-menux{color:#0d7811;text-decoration:none;-webkit-transition:.3s all ease;transition:.3s all ease}.menux a:hover,.menux .toggle-menux:hover{color:#e3dfe6}.menux .toggle-menux{display:none;padding-left:10px}.menux .toggle-menux:hover{cursor:pointer}@media screen and (max-width:1199px){.menux .toggle-menux{display:block}.menux .nav{background:#e0ede1;position:relative;height:100%;width:180px;margin-top:0;left:0;-webkit-transition:.3s all ease;transition:.3s all ease;-webkit-transform:translateX(-340px);transform:translateX(-340px);overflow-y:auto;font-size:18px}.menux #toggle-responsive:checked ~ .nav {-webkit-transform:translateX(0);transform:translateX(0)}.menux ul>li{position:relative;padding:10px 10px 10px 40px;width:180px;height:40px;margin-bottom:10px!important}}.menux label.toggle{color:transparent;position:relative}.menux label.toggle:hover{cursor:pointer}.menux label.toggle:hover:before{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #e3dfe6;border-width:5.33333px}.menux label.toggle:before{content:"";font-size:16px;-webkit-transition:.3s all ease;transition:.3s all ease;position:absolute;top:50%;left:5px;-webkit-transform:translateY(0%) rotate(90deg);transform:translateY(0%) rotate(90deg);width:0;height:0;border-style:solid;border-color:transparent transparent transparent #262626;border-width:5.33333px}@media screen and (max-width:1199px){.menux label.toggle:before{left:15px}}.menux ul{position:relative}.menux ul,.menux ul li{list-style:none;padding:0;margin:0}.menux ul>li{position:relative;padding:10px 10px 10px 40px}@media screen and (min-width:1200px){.menux ul>li{display:inline;padding:0 10px}}.menux ul>li>ul{position:absolute;top: calc(100% + 10px);left:0;background:#eee;display:none}@media screen and (max-width:1199px){.menux ul>li>ul{position:relative;left:-10px;background:rgba(0,0,0,.1);width: calc(100% + 20px)}}@media screen and (min-width:1200px){.menux ul>li>ul>li{display:block;white-space:nowrap;height:30px;padding:6px 30px 6px 15px}.menux ul>li>ul>li label.toggle:before{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.menux ul>li>ul ul{left:100%;top:0}}.menux ul>li input[type="checkbox"]:checked+ul{display:block} .com_content #ja-content-main{text-align:center}@media (min-width:2000px){#ja-header .main{width:85%!important;margin-left:15%}#ja-container{float:left;width:50%;margin-left:13%;background:#f1f7fa}.ja-content-main .box{background:#fff;width:auto;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin-bottom:20px;display:inline-block;max-width:1200px;float:left}.right{width:30%;max-width:330px;float:left;background:#f1f7fa}}@media (min-width:1751px) and (max-width:1999px){#ja-header .main{width:90%!important;margin-left:10%}#ja-container{float:left;width:55%;margin-left:10%;background:#f1f7fa}.ja-content-main .box{background:#fff;width:auto;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin-bottom:20px;display:inline-block;max-width:1200px;float:left}.right{width:30%;max-width:330px;float:left;background:#f1f7fa}}@media (min-width:1600px) and (max-width:1750px){#ja-header .main{width:95%!important;margin-left:5%}#ja-container{float:left;width:1200px;margin-left:7%;background:#f1f7fa}.ja-content-main .box{background:#fff;width:auto;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin-bottom:20px;display:inline-block;max-width:1200px;float:left}.right{width:330px;float:left;background:#f1f7fa}}@media (min-width:1500px) and (max-width:1599px){#ja-header .main{width:100%!important;margin-left:0}#ja-container{float:left;width:calc(100% - 600px);max-width:700px;margin-left:250px;background:#f1f7fa}.ja-content-main .box{background:#fff;width:auto;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin-bottom:20px;display:inline-block;max-width:1200px;float:left}.right{width:330px;float:left;background:#f1f7fa}}@media (max-width:499px){#ja-container{position:relative;z-index:5;top:0}}@media (min-width:1420px) and (max-width:1499px){#ja-header .main{width:100%!important;margin-left:0}#ja-container{float:left;width:calc(100% - 600px);max-width:700px;margin-left:200px;background:#f1f7fa}.ja-content-main .box{background:#fff;width:auto;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin-bottom:20px;display:inline-block;max-width:1200px;float:left}.right{width:330px;float:left;background:#f1f7fa}}@media (min-width:1300px) and (max-width:1419px){#ja-header .main{width:80%!important;margin-left:0}#ja-container{float:left;width:700px;margin-left:150px;background:#f1f7fa}.ja-content-main .box{background:#fff;width:auto;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin-bottom:20px;display:inline-block;max-width:1200px;float:left}.right{width:330px;float:left;background:#f1f7fa}}@media (min-width:1200px) and (max-width:1299px){#ja-header .main{width:70%!important;margin-left:0}#ja-container{float:left;width:700px;margin-left:100px;background:#f1f7fa}.ja-content-main .box{background:#fff;width:auto;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin-bottom:20px;display:inline-block;max-width:1200px;float:left}.right{width:330px;float:left;background:#f1f7fa}}@media (max-width:1199px){#ja-header .main{width:90%!important;margin-left:2%}#ja-container{float:left;width:100%;background:#f1f7fa}.ja-content-main .box{background:#fff;width:100%;margin:auto;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin-bottom:20px;display:inline-block;max-width:950px}.right{width:330px;background:#f1f7fa;float:left;margin-left: calc((100% - 330px)/2)}}@media (min-width:1200px){.top-list li.w33{width:33.33%!important}}@media (min-width:1601px){.cols-2{width:300px!important;float:left}}@media (min-width:800px) and (max-width:1600px){.cols-2{float:left;width:30%!important}}@media (max-width:799px){.cols-2{}}@media (min-width:100px) and (max-width:1199px){.top-list li.w33{width:49%!important}}@media (min-width:100px){.top-list{margin:0 auto;overflow:hidden}.sublist{padding:15px}.top-list li{width:25%;float:left;position:relative;list-style:none}.top-list-s li a{display:block;color:#333;text-align:left;background:#fbfbfb;margin:0 5px 0 5px;box-shadow: 0 1px 1px rgb(0 0 0 / 25%)}.authoxx{color:#333}.dyxx{}.top-list dl{display:block;position:relative;height:85px;padding-top:10px;overflow:hidden;margin:1px 0}.top-list dl dt{float:left;width:95px;height:75px;text-align:center}.top-list dl dt img{width:75px;vertical-align:middle;border:0;color:#ccc}.item .contentpaneopen{padding:0}.right .box{background:#fff;width:auto;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin-bottom:20px}.right .box .title{background:#fbfbfb;border-bottom:1px solid #e8e8e8;height:55px;line-height:55px;color:#666;font-size:18px;padding:0 10px;font-weight:400;position:relative}.ja-content-main .box .title{background:#fbfbfb;border-bottom:1px solid #e8e8e8;height:55px;line-height:55px;color:#666;font-size:18px;padding:0 10px;font-weight:400;position:relative}.ja-content-main .box .title{background:#fbfbfb;border-bottom:1px solid #e8e8e8;height:55px;line-height:55px;color:#666;font-size:18px;padding:0 10px;font-weight:400;position:relative}.right .box ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:2px;margin-inline-start:0;margin-inline-end:0;padding-inline-start:10px;padding-top:10px}.right .box ul li{list-style:none}.right .box .title a{color:#666;text-decoration:none}.right .index_tab .hdr{position:absolute;bottom:-1px;right:15px}.right .index_tab .hdr li.on{border-bottom:none}.right .index_tab .hdr li{float:left;position:relative}.index_tab .hdr li.on a{border-bottom:2px solid #24cd77;color:#24cd77}.index_tab .hdr li a{display:block;overflow:hidden;color:#888;padding:0 10px;height:40px;line-height:40px;text-align:center;font-size:16px;cursor:pointer;font-weight:200}.selectx_list{padding:15px}.right .selectx_list li{width:auto;border-bottom:1px solid #f2f2f2;clear:both;height:65px;padding:5px 5px 10px}.selectx_list li:nth-child(1) .selectx_list_number {background:url(https://static.apkpure.com/www/static/imgs/selectx_list_number.png) top center;color:red;margin-top: 25px height: 24px;background:#ccc}.selectx_list_number{float:left;width:20px;height:20px;background:#e7e7e7;margin-top:27px;text-align:center;line-height:20px;font-size:14px;font-weight:600}.selectx_list dl{display:block;position:relative;height:65px;overflow:hidden;width:270px;float:right}.selectx_list dl dt{float:left;width:85px;height:75px;text-align:center}.selectx_list dl dd{color:#666;overflow:hidden;line-height:22px;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.w33 dl dd{color:#666;overflow:hidden;line-height:22px;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.selectx_list dl .title-dd a{font-size:14px;font-weight:600}.bg-blue,.bg-primary{background-color:transparent!important;color:#fff}@media (min-width: 768px) { .site-footer .wrap .aboutwpbeginner { max-width: 350px; grid-column: span 1; border: none; margin: 0 40px; padding: 0; } }.title-dd{color:#2a572f;font-weight:bold}.selectx_list dl dd a{color:#666;font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectx_list dl .down{position:absolute;bottom:-30px;left:85px;z-index:1}.right .selectx_list_more{padding:17px 0 2px 0;text-align:center}.selectx_list_more a{color:#666}.index-category-b{padding:12px 8px}.index-category{padding:10px;overflow:hidden}.index-category-b li{padding:12px 0}.index-category li{float:left;height:30px;padding:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-category li a{color:#666!important;font-size:12px}.index-category li a i{display:inline-block;vertical-align:middle;width:30px;height:30px;border-radius:50%;margin-right:5px;}.index-category li{word-break:break-all;display:inline-block}.iconxreference .adventure{background-position:0 -30px}.iconxreference .tools{background-position:0 -1380px}.iconxreference .entertainment{background-position:0 -810px}.iconxreference .action{background-position:0 0}.iconxreference .communication{background-position:0 -720px}.iconxreference .social{background-position:0 -1320px}.iconxreference .music-audio{background-position:0 -1110px}.right .iconxreference .role-playing{background-position:0 -330px}.right .iconxreference .photography{background-position:0 -1230px}.right .iconxreference .media-video{background-position:0 -1440px}.iconxreference .arcade{background-position:0 -60px}.iconxreference .casual{background-position:0 -180px}.iconxreference .personalization{background-position:0 -1200px}.iconxreference .strategy{background-position:0 -420px}.iconxreference .productivity{background-position:0 -1260px}.iconxreference .game_sports{background-position:0 -390px}.iconxreference .simulation{background-position:0 -360px}.iconxreference .education{background-position:0 -780px}.iconxreference .racing{background-position:0 -300px}.iconxreference .lifestyle{background-position:0 -1020px}.iconxreference .book-reference{background-position:0 -630px}.iconxreference .music{background-position:0 -240px}.iconxreference .puzzle{background-position:0 -270px}.iconxreference .shopping{background-position:0 -1290px}.iconxreference .card{background-position:0 -120px}.iconxreference .business{background-position:0 -660px}.iconxreference .casino{background-position:0 -150px}.iconxreference .health-fitness{background-position:0 -930px}.iconxreference .sports{background-position:0 -1350px}.iconxreference .travel-local{background-position:0 -1410px}} @media screen and (min-width:800px){.cols-4 .item,.cols-5 .item{width:23%!important;margin:0 1%;float:left}}@media screen and (max-width:720px){#langx a{display:none}#langx{width:180px!important}}ul.pagenav li a{color:#000!important;background:#eee}ul.pagenav li{background:#eee}h3{color:#000}h2{margin-top:3px!important}.css-1la1o8y,.css-1la1o8yTop{height:unset!important} .addin{text-align:center;min-height;300px;max-height:300px;padding-top:120px;padding-bottom:120px;width:100%;min-width:100%;background:#000} .contentheading,.componentheading,h1,h2,h3,h4,h5{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important} @media screen and (min-width:800px){#ja-content,.ja-frontpage #ja-content{width:100%}}.item-page{text-align:left}#ja-container-prev-0{width:100%}@media screen and (min-width:1200px){#ja-mainnav{height:40px;max-height:40px;width:1200px;max-width:1200px}.menux ul>li{padding-left:3px!important}.menux ul>li>ul>li{display:block;white-space:nowrap;height:30px;padding:6px 30px 6px 15px;margin:0;width:160px!important}}@media (min-width:100px){#productfeatures{width:250px;columns:1;-webkit-columns:1;-moz-columns:1;border-bottom:solid}}@media (min-width:500px){#runonline{width:400px;columns:2;-webkit-columns:2;-moz-columns:2;border-bottom:solid}}@media (max-width:500px){#androidyy{display:none}#apkyy{display:none}.bg-blue,.bg-primary{background-color:transparent!important;color:#fff}}ul.pagenav li a{color:#fff} a.gflag{vertical-align:middle;font-size:24px;padding:1px 0;background-repeat:no-repeat;background-image:url(/static/aaoelamke/images/gtranslate24.png)}a.gflag img{border:0}a.gflag:hover{background-image:url(/static/aaoelamke/images/gtranslate24a.png)} .searchx{box-sizing:border-box}#searchFormx input[type="text"]{padding:10px;font-size:17px;border:1px solid gray;float:left;width:65%;margin-left:16%;background:#f1f1f1;height:40px}#searchFormx button{float:left;height:40px;width:50px;min-width:50px;padding:5px;color:#fff;font-size:17px;border:1px solid gray;border-left:none;cursor:pointer;box-sizing:border-box}#searchFormx button:hover{background:#24cd77}#ja-search .search-btn{display:none} .css-1la1o8y,.css-1la1o8yTop{padding-bottom:8px;margin-bottom:-4px}.css-18689kv{padding-left:0!important;min-height:15px}.css-18689kv .carouselTitle{line-height:1!important;padding-left:12px;font-size:14px!important;margin:0}h2{font-size:.875rem}.css-1la1o8y li.primeCarouselLi,.css-1la1o8y .skeleton{width:128px;height:128px}.css-1la1o8yTop li.primeCarouselLiTop,.css-1la1o8yTop .skeleton{width:220px;height:220px}.css-lpurl3 li.primeCarouselLi{list-style:none;display:inline-block;box-sizing:border-box;scroll-snap-align:center;vertical-align:middle;position:relative;padding-left:0;margin-left:10px;margin-right:5px;overflow:unset}.css-lpurl3 li.primeCarouselLiTop{list-style:none;display:block;box-sizing:border-box;scroll-snap-align:center;vertical-align:middle;position:relative;padding-left:0;margin-left:15px;margin-right:15px;margin-top:10px;margin-bottom:20px;overflow:unset;float:left}.css-1la1o8y,.css-1la1o8yTop{padding:0;margin:0;content-visibility:auto;contain-intrinsic-size:171px;contain:layout paint;padding-left:0;overflow:hidden;margin-top:0;position:relative;height:153px}.css-18689kv{padding-left:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%}.css-18689kv .carouselTitle{-webkit-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end;padding-right:14px;padding-bottom:0;color:#fff!important}.css-1nehx92{position:relative;overflow-y:hidden;z-index:2}.css-lpurl3{margin-block-end:0;padding:10px 8px;overflow:hidden;width:100%;white-space:nowrap;list-style:none;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);scroll-padding:50px 50px 50px 50px;-ms-overflow-style:none;scrollbar-width:none;margin:0}#prime-carousel ul,#prime-carouselTop ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}.css-1daj25a{border-radius: calc(8px + 2px);border-width:0;border-style:solid;border-color:transparent;box-sizing:border-box;display:block;position:relative;z-index:0;-webkit-transition:-webkit-transform .1s cubic-bezier(.5,0,.1,1);transition:transform .1s cubic-bezier(.5,0,.1,1);transition-delay:0s;background-color:rgba(255,255,255,.07);-webkit-background-clip:content-box;background-clip:content-box;margin-left:0;margin-top:0;width:100%;height:100%;position:relative}.css-1daj25a .gameThumbTitleContainer{color:#fff;position:absolute;bottom:5px;margin-bottom:0;margin-left:7px;z-index:4;font-size:11.2px;font-weight:700;width:114px;height:20px;overflow:hidden;background:#222;padding:0 0 0 15px}.css-1daj25a .GameThumbImage{-webkit-transition:opacity .3s cubic-bezier(.5,0,.1,1);transition:opacity .3s cubic-bezier(.5,0,.1,1);transition-delay:8ms;z-index:1;border-radius:8px;position:absolute;bottom:0;width:128px;height:128px;color:transparent;border:3px solid #fff}.css-1daj25a .GameThumbImageTop{-webkit-transition:opacity .3s cubic-bezier(.5,0,.1,1);transition:opacity .3s cubic-bezier(.5,0,.1,1);transition-delay:8ms;z-index:1;border-radius:8px;position:absolute;bottom:0;width:220px;height:220px;color:transparent;border:5px solid #fff} .stpdwrapper>iframe{top:unset} #boxes{height:720px;width:100%}#leftbox{float:left;height:720px}#middlebox{width:calc(100% - 360px);float:left;height:660px;overflow:hidden}#rightbox{float:left;height:720px;overflow:hidden}#rightbox2{float:right;height:540px;overflow:hidden}@media screen and (max-width:719px){#leftbox{display:none}#middlebox{width:calc(100% - 0px);float:left}#rightbox{display:none}#rightbox2{display:none}}@media screen and (min-width:720px) and (max-width:919px){#leftbox{display:none}#middlebox{width:calc(100% - 0px);float:left}#rightbox{display:none}#rightbox2{display:none}}@media screen and (min-width:920px) and (max-width:1080px ){#leftbox{display:none;width:180px}#middlebox{width:calc(100% - 0px);float:left}#rightbox{display:none;float:left;width:calc(100% - 850px);margin-left:0}#rightbox2{display:none}}@media screen and (min-width:1081px){#leftbox{display:block;width:180px}#rightbox{display:block;float:left;width:180px;margin-left:0}#rightbox2{display:block;float:right;width:calc(100% - 1000px);margin-left:-60px;margin-top:40px}}.bar{position:relative;width:470px;height:720px;margin:auto 0 auto 50px;background:#000}.bar p{position:absolute;top: calc(30% + 20px);right:-85px;text-transform:uppercase;color:#000;font-family:helvetica,sans-serif;font-weight:bold}@-webkit-keyframes move { 0% {left: 0;} 50% {left: 100%; -webkit-transform: rotate(450deg); width: 150px; height: 150px;} 75% {left: 100%; -webkit-transform: rotate(450deg); width: 150px; height: 150px;} 100 {right: 100%;} } @media (min-width:100px){#productnew{width:250px;columns:1;-webkit-columns:1;-moz-columns:1;border-bottom:solid}} footer a:link,a:visited{color:#fff!important}.site-links{color:#fff}.our-sites{color:#fff}.paddles{}.paddle{position:absolute;top:0;bottom:0;width:3em;margin-bottom:15px;opacity:.5}.left-paddle{left:0}.right-paddle{right:0}.hidden{display:none}.print{margin:auto;max-width:500px;span { display: inline-block; width: 100px; } }.prime-carousel ul li a:hover img{transform:scale(1.15);box-shadow:0 0 20px rgba(0,0,0,.5);border:3px solid #fff;transition:.5s}.prime-carouselTop ul li a:hover img{transform:scale(1.08);box-shadow:0 0 20px rgba(0,0,0,.5);border:5px solid #fff;transition:.5s}