Vuejs Adobe color clone 섹션 1

내가 돌아왔을 때, 나의 주의력은 거의 변화가 없었고, 단지 Adobe의 색깔을 다시 만들었을 뿐이었다.나는 모든 구성 요소가 슬라이더를 분리하도록 노력해 왔다.그리고 저는 Vuex를 Vuex magic와 함께 사용하고 제가 최종적으로 제작한 magic(Yayyyy)를 보기로 했습니다.👏 😱). 지금, 나는 가장 간단한 부분만 만들었지만, 현재의 개념은 똑같고, 간단하다.
만약 네가 56번째 줄을 검사한다면, 이것은 내가 작은 함수를 만들기 시작했을 때의 hsltorgb라고 한다.

hsltorgb: function(hslcolval,changevalue) {
      h = hslcolval[0]+changevalue[0];
      s = hslcolval[1]+changevalue[1];
      l = hslcolval[2]+changevalue[2];

이 함수는 매개 변수로 두 개의 그룹을 받아들인다.첫 번째 배열은 이때 변경된 색상의 HSL 값입니다. 배열은 [Hvalue, Svalue, Lvalue]처럼 보이고 두 번째 배열은 다음 색상 상자에서 변경됩니다.
만약 내가 약간의 숫자를 늘리고 싶다면 그것은 양수가 될 것이고, 만약 내가 약간의 값을 빼고 싶다면, 그것은 음수가 될 것이다. 예를 들어 [0,1,-1].
만약 내가 이 배열로 변화 값을 표시한다면 H는 변하지 않을 것이다. 만약 S가 50이라면 51이 되고, L이 50이면 49가 된다.
이것은 색바퀴다.

지금 네가 바퀴를 검사할 때, 너는 우리가 원을 가지고 있는 것을 보게 될 것이다 (360도, 누가 알겠는가😎) 만약에 우리가 빨간색(hsl(0100%, 50%)이 있다면 나는 녹색을 얻고 싶다. 나는 나의 함수 [0100,50], [120,0,0]에 전달해야 한다. 녹색은 120도이기 때문에 만약에 내가 파란색을 원한다면 240도가 필요하다.
주의: 나는 여전히 이 일을 하고 있다. 지금은 그것이 좋지 않다. 우리가 첫 번째 색 상자를 바꾸지 않으면, 곧 나는 그것을 어떤 색 상자와 함께 일하게 할 것이다.
만약 네가 나의 일을 좋아한다면, 마음대로 나를 떠나라♥