다플 도구 가이드

컬러 피커 사용법과 활용 방법

색상 선택기에서 원하는 색을 고르거나 HEX 코드를 직접 입력하세요. 팔레트·그라디언트와 배경·글자 명암비를 실제 디자인 조건에 맞추세요. HEX·RGB·HSL 값과 접근성 등급을 확인하고 필요한 코드를 복사하세요.

컬러 피커가 필요한 경우

색상을 선택하고 HEX, RGB, HSL 코드를 바로 복사하세요. 팔레트 관리와 그라디언트 미리보기도 지원합니다.

필요한 입력값을 준비한 다음 화면의 옵션을 목적에 맞게 설정하고 결과를 확인합니다. 중요한 작업에는 원본을 보관하고 결과를 한 번 더 검토하세요.

색상 코드, HEX, RGB 관련 작업에 활용할 수 있습니다. 브라우저와 입력 조건에 따라 결과가 달라질 수 있으므로 실제 사용 목적에 맞는지 확인하세요.

HEX·RGB·HSL 색상값을 함께 확인할 수 있나요?

선택한 색상을 HEX, RGB와 HSL 형식으로 변환해 각각 복사할 수 있습니다. 각 형식은 같은 화면 색을 다른 방식으로 표현하므로 사용하는 CSS나 디자인 도구가 요구하는 형식을 선택해 복사하세요.

사용한 색상을 팔레트로 저장할 수 있나요?

필요한 색상을 팔레트와 최근 사용 목록에 추가해 같은 브라우저에서 다시 확인할 수 있습니다. 저장 정보는 계정이 아니라 로컬 저장소를 사용하므로 브라우저를 바꾸면 팔레트를 다시 구성해야 할 수 있습니다.

글자색과 배경색의 접근성을 확인할 수 있나요?

두 색상의 명암비와 WCAG AA·AAA 통과 여부를 확인해 읽기 쉬운 텍스트 색상 조합을 고를 수 있습니다. 일반 본문과 큰 글자의 통과 기준이 다르므로 실제 글자 크기와 굵기에 맞는 AA·AAA 결과를 적용하세요.

설명을 확인했다면 직접 실행해 보세요.