유사색 생성기

인접 색상에 대비 주기

유사 색상은 서로 가까이 있고 기본 색상의 채도와 밝기를 공유하므로 부드럽게 섞이며 그라데이션, 배경, 일러스트에 적합합니다. 하지만 이러한 유사성 때문에 텍스트와 배경을 구분하거나 클릭 가능한 요소를 표시하기 어렵습니다. 텍스트와 표면에는 한 색상의 밝기를 다르게 사용하고, 버튼과 강조 표시에는 대비되는 포인트 색상을 추가하십시오. 예를 들어 보색 생성기에서 기본 색상의 반대 색상을 사용할 수 있습니다.

30도 간격이 항상 같은 단계는 아닙니다

HSL은 눈에 보이는 색조를 고르게 분산하지 않습니다. 0°의 빨간색, 30°의 주황색, 60°의 노란색 사이에서는 30°씩 이동할 때마다 이름이 다른 색상이 나오지만, 약 90°에서 150° 사이에는 녹색이 계속됩니다. 따라서 녹색을 기반으로 만든 유사 색상 세트는 거의 똑같아 보일 수 있습니다. 빨간색을 기본으로 사용하면 색상환을 돌아 한쪽에는 330° 부근의 분홍색, 다른 쪽에는 주황색이 배치됩니다.

사용 방법

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

개인정보 보호 및 제한사항

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