색상을 특정 대비 비율로 설정하는 방법은 무엇입니까?

나는 프로젝트를 진행하고 있으며 바닥 글을 4 : 5 명암비로 설정하라는 요청이 있습니다. 필자는 이것을 변경하지 않았기 때문에 검색을 한 후에 색상을 가지고 바이올린을 만들고 대비 비율을 볼 수있는 깔끔한 도구를 발견했습니다. http://leaverou.github.io/contrast-ratio/#색상을 특정 대비 비율로 설정하는 방법은 무엇입니까?

이 작업을 수행하는 다른 방법이 궁금합니다. 내가받은 지침의 유일한 세트는 바닥 글의 글꼴을 12pt로 설정하고 4 : 5의 명암비 (바닥 글 배경은 검정색)를 설정하는 것이 었습니다.

감사합니다.

2013-07-11 vpoola88

SASS를 사용하여이를 수행하십시오. 간단히 루비를 설치 한 다음 실행하십시오 :

gem install SASS 
sass --watch /path/to/sass path/to/css

이렇게하면 첫 번째 디렉토리의 모든 SASS 파일을보고 두 번째 디렉토리의 CSS로 변환합니다. 그런 다음 SASS의 함수를 사용하여 변수를 사용하여 색상을 밝게하거나 어둡게 처리 할 수 있습니다. 빠른 예 :

@black: #000; 
footer { 
    background-color: lighten(@black, 20%); 
}

하고 20 %

2013-07-11 22:36:50 mikedugan

감사 마이크에 의해 배경의 변수와 번개를 처리하기 위해 루비를 사용하여 완전히 유효한 CSS 렌더링합니다! That 's the trick – vpoola88

이것은 단지 색을 어둡게하고 특정한 명암비로 맞추지 않습니다. –

답변