• 회원가입
  • 로그인
  • 구글아이디로 로그인

[ColorO_F] LESS - darken() 함수 - HSL 명도 낮추기. (= darken함수)

794  

darken() 함수

[정의]

 

색깔의 HSL 공간에서 명도 (= 밝기)를 절대적으로 줄임.

※ method 매개변수를 relative 설정 시 상대적 줄임.

 


[구문]

 

darken(color, amount, method)

 


[매개변수]

 

color

필수. 기본 색상.

 

amount

필수. 0~100 % (백분율)

 

method

선택. 상대적으로 줄이려면, relative 입력.

 


[반환값]

 

해당 조정 비율만큼 명도를 줄인 color 코드 반환.

 


[예제]

 

darken(hsl(90, 80%, 50%), 20%)

반환값: #4d8a0f // hsl(90, 80%, 30%)

 

 

PS.

LESS darken() 함수 

http://lesscss.org/functions/#color-operations-darken


분류 제목
basic LESS - Home (입문)
basic LESS - Intro (소개)
basic LESS - Installation (설치)
basic LESS - Variables (변수)
basic LESS - Parent Selectors (부모 선택자)
basic LESS - Mixins (믹스인)
basic LESS - Nesting (중첩 = 안긴 형태)
basic LESS - Operations (연산)
basic LESS - Escaping (회피 = 이스케이핑)・Function (함수)
basic LESS - Namespaces (네임스페이스)・Accessors (접근자)
basic LESS - Maps (맵)
basic LESS - Scope (유효 범위)
basic LESS - Comments (주석)
basic LESS - @import (가져오기)
basic LESS - @plugin (플러그인 가져오기)
basic LESS - Extend (상속 = 확장)
basic LESS - Merge (병합 = 결합)
basic LESS - CSS Guards
basic LESS - Detached Rulesets
1/6
목록
찾아주셔서 감사합니다. Since 2012