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

[ColorO_F] LESS - lighten() 함수 - HSL 명도 높이기. (= lighten함수)

955  

lighten() 함수

[정의]

 

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

※ method 매개변수를 relative 설정 시 상대적 늘림.

 


[구문]

 

lighten(color, amount, method)

 


[매개변수]

 

color

필수. 기본 색상.

 

amount

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

 

method

선택. 상대적으로 늘리려면, relative 입력.

 


[반환값]

 

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

 


[예제]

 

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

반환값: #b3f075 // hsl(90, 80%, 70%)

 

 

PS.

LESS lighten() 함수

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


분류 제목
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