[ColorB_F] LESS - hardlight() 함수 - overlay() 함수와 기준 매개변수 반대. (= hardlight함수)

827

hardlight() 함수

[정의]

multiply()・screen() 두 함수의 결합. (기준색: color2)

즉, color2가 밝으면 더 밝게, 어두우면 더 어둡게 만듦.

cf.

overlay() 함수 - hardlight() 함수와 매개변수 역할이 반대.

즉, color1가 밝으면 더 밝게, 어두운면 더 어둡게 함.

[구문]

hardlight(color1, color2)

[매개변수]

color1

필수. overlay할 색상.

color2

필수. 기본색. (결과를 더 밝게 할지 어둡게 할지 결정하는 색.)

[반환값]

color2가 밝은색은 더 밝은 color 코드 반환.

color2가 어두운 색은 더 어두운 color 코드 반환.

[예제]

hardlight(#ff6600, #000000); // 000000

hardlight(#ff6600, #333333); // 662900

LESS 관련글

코딩동강 관련글

JS 42~44강 - 풀스크린 슬라이드 (FullScreen Slide) 1 - CSS로만 구현

HTML 관련글

HTML - 스크린리더기가 읽는 HTML요소 정보값 종류 (= Screen Reader provides these Information.) ※ 웹접근성

JavaScript 관련글

JQuery 관련글

PHP 관련글

SQL 관련글

Bootstrap 3 관련글

Bootstrap 4 관련글

코멘트입력

목록 글쓰기

ColorB_F


분류	제목



Misc_F	LESS - unit() 함수 - 단위 제거/변환. (= unit함수)

Misc_F	LESS - get-unit() 함수 - 단위 얻기. (= get-unit함수)

Misc_F	LESS - svg-gradient() 함수

ColorD_F	LESS - rgb() 함수 - RGB 기반 불투명한 색깔 생성. (= rgb함수)

ColorD_F	LESS - rgba() 함수 - RGB 기반 투명한 색깔 생성. (= rgba함수)

ColorD_F	LESS - argb() 함수 - #AARRGGBB 16진수 색깔 생성. (= argb함수)

ColorD_F	LESS - hsl() 함수 - HSL 기반 불투명한 색깔 생성. (= hsl함수)

ColorD_F	LESS - hsla() 함수 - HSL 기반 투명한 색깔 생성. (= hsla함수)

ColorD_F	LESS - hsv() 함수 - HSV 기반 불투명한 색깔 생성. (= hsv함수)

ColorD_F	LESS - hsva() 함수 - HSV 기반 투명한 색깔 생성. (= hsva함수)

ColorC_F	LESS - hue() 함수 - HSL에서 색상 추출. (= hue함수)

ColorC_F	LESS - saturation() 함수 - HSL에서 채도 추출. (= saturation함수)

ColorC_F	LESS - lightness() 함수 - HSL에서 명도 추출. (= lightness함수 = 라이트니스 …

ColorC_F	LESS - hsvhue() 함수 - HSV에서 색상 추출. (= hsvhue함수)

ColorC_F	LESS - hsvsaturation() 함수 - HSV에서 채도 추출. (= hsvsaturation함수)

6/8