val initialHSV = argbToHsv(Color.Cyan.toArgb())
val hsv = rememberSaveable { 
    mutableStateOf(
        Triple(initialHSV[0], initialHSV[1], initialHSV[2])
    )
}

HueBar(
    modifier = Modifier.width(300.dp),
    height = 50.dp,
    shape = RoundedCornerShape(50),
    initColor = initialHSV[0],
    selectorRadius = 25.dp,
    selectorStroke = 3.dp,
    setColor = { hue ->
        hsv.value = Triple(hue, hsv.value.second, hsv.value.third)
    }
)

val initialHSV = argbToHsv(Color.Cyan.toArgb())
val hsv = rememberSaveable { 
    mutableStateOf(
        Triple(initialHSV[0], initialHSV[1], initialHSV[2])
    )
}

SaturationValuePanel(
    hue = hsv.value.first,
    modifier = Modifier.width(300.dp),
    cornerRadius = 12.dp,
    aspectRatio = 1f,
    setSatVal = { sat, value ->
        hsv.value = Triple(hsv.value.first, sat, value)
    }
)

MaterialTheme {
    val initialHSV = argbToHsv(Color.Cyan.toArgb())
    val hsv = rememberSaveable {
        mutableStateOf(
            Triple(initialHSV[0], initialHSV[1], initialHSV[2])
        )
    }
    
    ColorPicker(initialHSV = initialHSV, hsv = hsv)
}