tints and shades
1.0.0
이 프로젝트는 Eleventy Static Site Generator를 사용하고 Shohei Ueda의 Github 액션을 사용하여 Github 페이지에 배포합니다.
전제 조건 : node.js 14+
npm install .npm run start .localhost:8080 으로 이동하십시오. 이 도구의 목적은 주어진 16 진수의 색조 (순수한 흰색 추가)와 음영 (순수한 검은 색 추가)을 10% 단위로 정확하게 생성하는 것입니다.
수학을 진지하게 필요로합니다. 내 경험에서 비슷한 도구가 반올림 오류, 제작자 기본 설정 또는 기타 불일치로 인해 계산을 잘못받습니다.
테스트에 따르면 출력은 Chrome DevTools의 계산 방법과 SASS를 통해 색조와 색조를 도출하는 일부 확립 된 인기있는 방법과 일치합니다.
기본 색상이 이미 있지만 그라디언트, 테두리, 배경, 그림자 또는 기타 요소에 대한 무료 색상을 원할 때 가장 잘 사용됩니다.
이것은 색상 의도를 빌드에서 SASS 또는 PostCS를 사용하는 개발자에게 전달할 수있는 설계자에게 유용합니다. 또한 디자인을 위해 고려할 기본 색상의 색조와 색조가 어떻게 보이는지 빠르게 미리 볼 수있는 확실한 방법입니다.
또한 교사, 데이터 전문가 및 프레젠테이션을하는 사람들에게 유용하다고 들었습니다.
주어진 16 진수는 먼저 RGB로 변환됩니다. 그런 다음 RGB 색상의 각 구성 요소는 각각 다음에 대해 다음 계산을 수행합니다.
New value = current value + ((255 - current value) x tint factor)New value = current value x shade factor필요한 경우 새 값이 반올림 된 다음 디스플레이를 위해 HEX로 다시 변환합니다.
레베카 퍼플의 색조와 그늘을 원한다고 가정 해 봅시다. #663399.
102 + ((255 - 102) x .1) = 117.3 , 117로 반올림51 + ((255 - 51) x .1) = 71.4 , 71로 반올림153 + ((255 - 153) x .1) = 163.2 , 163으로 반올림102 x .9 = 91.8 , 92로 반올림51 x .9 = 45.9 , 46으로 반올림153 x .9 = 137.7 , 138로 반올림이 프로젝트는 오픈 소스이며 나는 당신의 도움을 원합니다!
버그가 표시되거나 기능이 추가되면 GitHub에 문제를 제기하십시오. 계정이 없으면 세부 정보를 이메일로 보내주십시오.
개발자이고 프로젝트에 도움을주고 싶다면 개방형 문제에 대해 의견을 제시하거나 새로운 문제를 만들고 의도를 전달하십시오. 앞으로 경로에 동의하면 풀 요청을 수행하여 결승선으로 가져갈 수 있습니다.
Tint & Shade Generator는 항상 무료이지만 지원은 대단히 감사합니다.
Michael Edelstone은 Color Calculations에서 Nick Wing의 큰 지원으로 프로젝트를 설계하고 구성했습니다.
우리는 프로젝트 에서이 놀라운 오픈 소스 라이브러리를 사용합니다.
Joel Carr, Sebastian Gutierrez, Tim Scalzo, Aman Agarwal, Aleksandr Hovhannisyan, Shubhendu Sen 및 Luis Escarrilla에게 귀중한 공헌에 감사드립니다.
