Hello! I'm looking to create a website with advanced search it's similar to this photo. Please tell me how to do this. Thank u!!

Uhaaaa, a lot of work i would say.
But you can try to do such a panel by yourself.

I would say start with something like this here, it is very similar to your needs…
https://russian-dima.wixsite.com/wixworld/blank-3

You can use this code in this example here and try to modify to your needs…

var RGBA, R, G, B, A

$w.onReady(function () {
    get_ColorData()
});

function get_ColorData (parameter) {
    R= $w('#slider1').value
    G= $w('#slider2').value
    B= $w('#slider3').value
    A= $w('#slider4').value
    RGBA = "rgba("+(R).toFixed(0) +","+(G).toFixed(0)+","+(B).toFixed(0)+","+(A).toFixed(1)+")"
    $w('#box14').style.backgroundColor = "rgba(0,0,0,1)"
}


function set_CurrentColor(parameter) {
    console.log($w(("#"+parameter)).style.backgroundColor)
    $w("#box0").style.backgroundColor = $w(("#"+parameter)).style.backgroundColor
}


function set_currentColor (parameter) {
    get_ColorData()
    $w('#box0').style.backgroundColor = RGBA
}

function set_PlateColor () {get_ColorData()
 for (var i = 1; i <= 13; i++) {
 if($w('#box'+i).style.backgroundColor=="rgba(255,255,255,1)"){console.log("True")
            $w('#box'+i).style.backgroundColor=RGBA
 return
        }
 else {console.log("ELSE")}
    }
}

function show_Color (parameter) {
    $w('#text1').text = "RGBA = " + $w(("#"+parameter)).style.backgroundColor
}

function reset_Panel (parameter) {
 for (var i = 1; i <= 15; i++) {
        $w('#box'+i).style.backgroundColor="rgba(255,255,255,1)" 
    }
}


//---------------------------------------------------------------------------------
export function BTNsetcolor_click(event) {set_PlateColor()}
export function BTNreset_click(event) {reset_Panel()}
//---------------------------------------------------------------------------------
export function slider1_change(event) {set_currentColor()}
export function slider2_change(event) {set_currentColor()}
export function slider3_change(event) {set_currentColor()}
export function slider4_change(event) {set_currentColor()}
//--------------------------------------------------------------------------------
export function box0_mouseIn(event) {show_Color("box0")}
export function box1_mouseIn(event) {show_Color("box1")}
export function box2_mouseIn(event) {show_Color("box2")}
export function box3_mouseIn(event) {show_Color("box3")}
export function box4_mouseIn(event) {show_Color("box4")}
export function box5_mouseIn(event) {show_Color("box5")}
export function box6_mouseIn(event) {show_Color("box6")}
export function box7_mouseIn(event) {show_Color("box7")}
export function box8_mouseIn(event) {show_Color("box8")}
export function box9_mouseIn(event) {show_Color("box9")}
export function box10_mouseIn(event) {show_Color("box10")}
export function box11_mouseIn(event) {show_Color("box11")}
export function box12_mouseIn(event) {show_Color("box12")}
export function box13_mouseIn(event) {show_Color("box13")}
export function box14_mouseIn(event) {show_Color("box14")}
export function box15_mouseIn(event) {show_Color("box15")}
//---------------------------------------------------------------------------------
export function box1_click(event) {set_CurrentColor("box1")}
export function box2_click(event) {set_CurrentColor("box2")}
export function box3_click(event) {set_CurrentColor("box3")}
export function box4_click(event) {set_CurrentColor("box4")}
export function box5_click(event) {set_CurrentColor("box5")}
export function box6_click(event) {set_CurrentColor("box6")}
export function box7_click(event) {set_CurrentColor("box7")}
export function box8_click(event) {set_CurrentColor("box8")}
export function box9_click(event) {set_CurrentColor("box9")}
export function box10_click(event) {set_CurrentColor("box10")}
export function box11_click(event) {set_CurrentColor("box11")}
export function box12_click(event) {set_CurrentColor("box12")}
export function box13_click(event) {set_CurrentColor("box13")}
export function box14_click(event) {set_CurrentColor("box14")}
export function box15_click(event) {set_CurrentColor("box15")}

Which elements you will need for this example to start?
16x boxes (box0-box15)
4x slider (slider1-slider4 )
1x textfield (“text1)”
and 2x normal buttons for your needs (BTNsetcolor / BTNreset)

THis is just an example and you can expand and upgrade this version to your own needs (by giving it new functionalities and functions)

Hi Hanna :raised_hand_with_fingers_splayed:

Welcome to the Corvid Community family.

Community members provides help, tips & tricks, tutorials and examples, but they’re unable to provide full solutions like what you’re asking, it’s like asking an engineer “how can I create my own car in my house?”.

If you’re looking for developers to create the project for you, submit your project here and they’ll find the right developer for you.

Also, take a look at the Community Guidelines .

Hallo Hanna,

how is the progress of your desired project? Did you find a starting point to realize your project?