>웹 프론트엔드 >JS 튜토리얼 >16진수 색상 코드를 밝게하거나 어둡게 하는 방법은 무엇입니까?

16진수 색상 코드를 밝게하거나 어둡게 하는 방법은 무엇입니까?

DDD
DDD원래의
2024-11-08 05:06:01211검색

How to Lighten or Darken a Hex Color Code?

이 코드 샘플은 16진수 색상을 특정 양만큼 밝게 또는 어둡게 할 수 있는 프로그램을 보여줍니다. "3F6D2A"와 같이 16진수 색상을 문자열로 제공할 수 있으며, 색상을 밝게 하거나 어둡게 하여 조정하려는 양을 나타내는 정수를 제공할 수 있습니다.

프로그램 작동 방식은 다음과 같습니다.

  1. 16진수 색상 문자열을 가져와 정수로 변환합니다.
  2. 그런 다음 정수는 다음과 같이 조정됩니다. 색상을 밝게 하려면 양수, 어둡게 하려면 음수일 수 있습니다.
  3. 조정된 정수는 색상이 유효한 범위 내에 유지되도록 하는 특정 공식을 사용하여 16진수 색상 문자열로 다시 변환됩니다.

색상 조정이 수행되는 방법을 설명하는 간단한 코드 조각은 다음과 같습니다.

function LightenDarkenColor(col, amt) {
  col = parseInt(col, 16); // Convert hex color to integer
  col = col + amt; // Adjust the integer by the specified amount
  col = col.toString(16); // Convert the adjusted integer back to hex color
  return col;
}

제공된 함수에는 여러 버전의 코드가 있으며 각각 약간의 변형이 있습니다. 가장 눈에 띄는 차이점은 로그 블렌딩과 선형 블렌딩을 사용하는 함수의 차이입니다. 로그 블렌딩은 일반적으로 선형 블렌딩에 비해 더 미묘하고 자연스러운 색상 조정을 생성합니다.

프로그램을 사용하려면 원하는 16진수 색상 및 조정 양으로 LightenDarkenColor 함수를 호출할 수 있습니다. 예를 들어 "3F6D2A" 색상을 40만큼 밝게 하려면 다음을 호출합니다.

LightenDarkenColor("3F6D2A", 40)

이렇게 하면 원래 색상보다 40단위 밝은 새로운 16진수 색상이 반환됩니다.

위 내용은 16진수 색상 코드를 밝게하거나 어둡게 하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.