그라데이션 테스트

이 도구가 유용했나요? 댓글을 남기거나 팁을 공유하거나 개선할 점을 알려주세요.

이 도구의 기능

이 도구는 브라우저에서 바로 흑백, 개별 빨강, 초록, 파랑 램프, 방사형 그라데이션, 전체 색조 휠 등 여섯 가지 그라데이션 패턴을 표시하여 화면에서 다양한 방향과 색상에 걸쳐 눈에 보이는 밴딩이 있는지 확인하는 데 도움을 주며, 더 자세히 보기 위한 전체 화면 모드도 제공합니다.

작동 방식

흑백 및 단일 채널 패턴은 검정에서 완전한 흰색, 빨강, 초록, 또는 파랑으로 이어지는 CSS 선형 그라데이션으로, 브라우저가 직선을 따라 가능한 한 많은 중간 색조를 보간할 수 있게 합니다. 방사형 패턴은 선이 아닌 원 형태로 중심에서 바깥쪽으로 동일한 보간을 수행합니다. 색조 휠은 완전 채도에서 HSL 색상환으로부터 계산된, 15도 간격으로 균등하게 배치된 24개의 색상 정지점을 가진 CSS 원뿔형 그라데이션으로 구성되어, 브라우저가 전체 360도 원을 따라 인접한 각 정지점 쌍 사이를 부드럽게 보간합니다.

해결하는 문제

• 이미지나 비디오 파일이 문제라고 단정하기 전에 디스플레이에 눈에 보이는 컬러 밴딩이 있는지 확인하기.
• 밴딩 문제가 다른 채널보다 특정 색상 채널에 더 영향을 미치는지 분리하여 확인하기.
• 직선, 방사형, 원형 색조 전환에 걸쳐 그라데이션의 부드러움 비교하기.
• 색상에 민감한 작업 전에 디스플레이의 전반적인 색상 부드러움에 대한 빠른 시각적 참조 얻기.

자주 묻는 질문