색상 음영 생성기

상태와 텍스트를 위한 셰이드

버튼 색상의 10–20% 셰이드는 흔히 호버 또는 눌림 상태에 사용하며, 다른 색처럼 보이지 않으면서도 변화를 알아볼 수 있을 만큼 어둡습니다. 검은색이 60–80%인 더 짙은 셰이드는 브랜드 색상을 깊은 색조로 바꾸어 제목이나 텍스트에 사용할 수 있고, 흰색 배경에서 대비 기준을 통과할 가능성도 가장 높습니다. 색상 단계가 고르게 유지되도록 모든 단계를 원래 기본 색상에서 만드십시오.

어두운 색상이 탁해지는 경우

검은색과 혼합하면 모든 채널이 같은 비율로 조정되므로 색조는 유지되지만 우리가 색상을 부르는 방식은 달라집니다. 어두운 노란색은 올리브색으로, 어두운 주황색은 갈색으로, 어두운 분홍색은 자주색으로 보입니다. 수학적으로는 정확히 의도한 결과입니다. 셰이드가 지저분해 보이면 디자이너는 어둡게 만들기 전에 색조를 약간 조정하는 경우가 많습니다. 예를 들어 노란색을 주황색 쪽으로 옮길 수 있습니다. 색상 혼합기를 사용하면 순수한 검은색 대신 짙은 네이비나 갈색 쪽으로 어둡게 만들어 더 풍부한 결과를 얻을 수 있습니다.

사용 방법

1. 유효한 #RGB 또는 #RRGGBB 값과 원하는 백분율을 입력합니다.
2. 브라우저에서 고정된 로컬 색상 연산을 실행합니다.
3. 색상 견본을 확인하고 결과 또는 팔레트 값을 복사합니다.

개인정보 보호 및 제한사항

색상 값은 이 기기에 저장됩니다. 대비 결과는 수학적 검사 도구이며, 포괄적인 WCAG 준수를 보장하지 않습니다. 사용 맥락, 글꼴 렌더링, 텍스트가 아닌 요소의 대비, 사용자 인터페이스 상태는 별도로 검토해야 합니다.