jQuery 또는 JavaScript를 사용하여 두 가지 색상을 동기화합니까?

두 가지 색상이있는 경우 Red (#ff0000) 및 Dark Red (#850000)이라고 가정 해 보겠습니다. 한 가지 색상이 변경되면 다른 색상이 변경되도록하는 방법이 있습니까?jQuery 또는 JavaScript를 사용하여 두 가지 색상을 동기화합니까?

그래서 예를 들어 내가 블루에 레드를 변경하는 경우, 다크 레드가 자동으로 다크 블루로 변경 등등 ..

가

출처

2014-02-27 MaryPanda

몇 가지 옵션이 있습니까? 그렇다면 단지 배열을 만드십시오. –

아니요, 색상 선택 도구의 선을 더 생각하고 있습니다. 어쩌면 두 개의 "피커"를 서로 연결할 수 있으므로 실제로 서로 상대적인 위치를 변경하지 않을 것입니다. – MaryPanda

CMYK에서 빨강 (ff0000)과 어두운 빨강 (850000)의 유일한 차이는 K가 '0 %'에서 '48 %'로 변경된다는 것입니다. 그래서 헥스를 CMYK로 변환 한 다음 그에 따라 K를 추가하는 것이 좋습니다. –

당신은 "#"문자를 제거 수, 3으로 문자열을 분할 모든 3에서는 parseInt를 실행 기수가 16 인 파트입니다.이 작업을 두 작업 모두에서 수행하면 개별 RGB 구성 요소를 기반으로 한 차이점을 알 수 있습니다. 그런 다음 적절한 이벤트 핸들러를 사용하여 색상 A가 변경 될 때를 감지합니다. 색상 A의 변경으로 인한 차이를 계산하고 (앞에서 설명한 프로세스와 비슷 함) 색상 B에 적용합니다. 수정 된 색상 B의 정수 구성 요소 각각에 대해 toString (16)을 사용하여 프로세스를 역전시킨 다음 이들을 결합합니다 문자열을 다시 만들려면 시작 부분에 "#"이있는 3 개의 구성 요소. 마지막으로 적절한 jQuery를 사용하여 CSS 속성을 수정하십시오. 255 세 이상 또는 0 세 이상을 고려해야합니다.

출처

2014-02-27 03:10:35 azurelogic

jQuery 또는 JavaScript를 사용하여 두 가지 색상을 동기화합니까?

답변

관련 문제