JavaScript에서 가벼운 또는 어두운 16 진수를 계산하는 방법

이 JavaScript 코드는 16 진수의 빛을 조정하기위한 함수

를 제공합니다. RGB-to-HSL 변환의 복잡성을 피하는 간결하고 브라우저 크로스 브라우저 솔루션입니다. ColorLuminance

웹 개발자는 종종 색상을 동적으로 생성해야하며, 종종 기존의 색상보다 약간 밝거나 어두운 색상이 필요합니다. CSS3의 HSL 모델은 간단한 접근 방식을 제공하지만 특히 사전 정의 된 RGB 색상으로 작업 할 때 항상 실용적이지는 않습니다. 이 기능은보다 직접적인 방법을 제공합니다.

함수는 입력으로 16 진 컬러 코드 (예 : "#ABC"또는 "#123456")와 광도 계수 ()를 입력합니다. 0의

값은 변화가 없으며, 양수 값은 색상을 밝게하고, 음수 값은 그것을 어둡게합니다. 이 함수는 입력을 정리하고 3 자리 및 6 자리 헥스 코드를 모두 처리하고 RGB 구성 요소를 소수점으로 변환하고 광도 조정을 적용한 다음 결과를 6 자리 육각 코드로 다시 변환합니다.

. 예제 사용 :

ColorLuminance "#6699cc"를 반환합니다 "#7AB8f5"(20% 라이터) 를 반환합니다 "#334d66"(50% 더 어두운) 를 반환합니다 "#000000"을 반환합니다 (진정 검은 색으로 남아 있음) lum 제공된 코드 스 니펫은 실질적인 응용 프로그램을 보여주는 컬러 그라디언트 내에서 사용을 보여줍니다. 이 기능은 효율적이며 불필요한 변환을 피하기 때문에 클라이언트 측 스크립팅에 적합합니다. 이로 인해 JavaScript 내에서 색상을 직접 조작 해야하는 개발자에게는 귀중한 도구가됩니다. lum JavaScript 색상 조작에 대한 자주 묻는 질문 (FAQS)

이 섹션에서는 컬러 모델 (HEX, RGB, HSL), 색상 속성 조정 (가벼움, 채도) 조정, 색상 혼합 및보다 고급 색상 작업에 JavaScript 라이브러리 사용과 같은 주제를 다루는 JavaScript 색상 조작과 관련된 일반적인 질문에 답변합니다. 답변은 간결한 설명을 제공하고 적절한 경우 추가 자원을 가리 킵니다.

위 내용은 JavaScript에서 가벼운 또는 어두운 16 진수를 계산하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!