버튼의 호버 상태에 대해 더 밝거나 어두운 색조를 만드는 방법

나는 잠시 동안 버튼을 디자인 해 왔지만 그라디언트 또는 솔리드의 호버 상태에 대한 색상을 선택하는 데있어 가장 어두운 톤을 보는 것이 주로 문제였습니다.

사용하기에 더 적절한 톤이 무엇인지 판단하는 데 도움이되는 구조화 된 색상 이론이 있습니까?

원본에서 얼마나 어둡게 가야합니까?

"같은"색상의 밝거나 어두운 음영을 어떻게 정의 할 수 있습니까?

가벼움의 약간의 변화를 찾을 때 나는 보통 계산을합니다.

색상의 16 진수 형식은 RRGGBB빨강, 녹색 및 파랑을 의미합니다. 16 진수는 0-F부터 계산됩니다 (따라서 9가 A가 된 후).

만약 내가 #191970내 주요 버튼 색상으로 나는 비슷하지만 밝은 색상의 결과로, 각 색상 값을 1 또는 2를 추가합니다. 각각에 1을 더하면 결과가됩니다 #1A1A71.

더 어두운 그늘을 찾는 것도 마찬가지입니다. 각 색상 값에서 1을 빼면 #191970결과가됩니다 #18186F.

그러나 각 색상 값에서 1 또는 2를 더하거나 빼면 차이가 뚜렷하지 않을 수 있으므로 각각에서 최소 10을 더하거나 빼야합니다.

숫자 형식을 사용하는 경우 (255, 255, 255)일반적인 기본 10 작업을 사용하여 각 숫자에 추가 할 수 있습니다.

각 색상 값에 동일한 양을 추가하면 색조와 채도가 일관되게 유지되고 디자인에서 결과 색상이 조화롭게 혼합됩니다.

또는 일부 온라인 생성기에서 색상을 선택하도록하고 필요한 코드를 닉하게 할 수도 있습니다. CSS 그라디언트 버튼은 하나의 예일뿐입니다.