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

[ColorO_F] LESS - mix() 함수 - 색깔을 지정 비율대로 혼합. (= mix함수 = 믹스함수)

1,572  

mix() 함수

[정의]

 

두 색깔을 지정 비율대로 혼합.

※ 불투명도는 계산에 포함됨.

 


[구문]

 

mix(color1, color2, weight)

 


[매개변수]

 

color1, color2

필수, 혼합할 두 색상코드.

 

weight

선택. 혼합 비율 가중치. (기본값: 50%)

 


[반환값]

 

두 색상이 지정 비율대로 혼합된 color 코드.

 


[예제]

 

mix(#ff0000, #0000ff, 50%)

반환값: #800080

 

mix(rgba(100,0,0,1.0), rgba(0,100,0,0.5), 50%)

반환값: rgba(75, 25, 0, 0.75)

 

 

PS.

LESS mix() 함수

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

 


분류 제목
ColorO_F LESS - saturate() 함수 - HSL 채도 높이기. (= saturate함수)
ColorO_F LESS - desaturate() 함수 - HSL 채도 낮추기. (= desaturate함수)
ColorO_F LESS - lighten() 함수 - HSL 명도 높이기. (= lighten함수)
ColorO_F LESS - darken() 함수 - HSL 명도 낮추기. (= darken함수)
ColorO_F LESS - fadein() 함수 - 색깔 불투명도 높이기. (= fadein함수)
ColorO_F LESS - fadeout() 함수 - 색깔 불투명도 낮추기. (= fadeout함수)
ColorO_F LESS - fade() 함수 - 색상 불투명도 설정. (= fade함수)
ColorO_F LESS - spin() 함수 - 색깔의 색상 변경. (= spin함수)
ColorO_F LESS - mix() 함수 - 색깔을 지정 비율대로 혼합. (= mix함수 = 믹스함수)
ColorO_F LESS - tint() 함수 - 색상을 흰색과 지정 비율로 결합. (= tint함수 = 틴트함수)
ColorO_F LESS - shade() 함수 - 색깔을 검은색과 지정 비율로 결합. (= shade함수 = 셰이드함수)
ColorO_F LESS - greyscale() 함수 - HSL 채도 전부 제거. (= grayscale함수 = 그레이스케…
ColorO_F LESS - contrast() 함수 - 대비색 찾기. (= contrast함수)
목록
찾아주셔서 감사합니다. Since 2012