생성기색상 선택기

색상 선택기HEX·RGB·HSL 컬러 피커

색을 고르거나 코드를 넣으면 HEX, RGB, HSL 값을 서로 변환해 보여주는 온라인 컬러 피커입니다. 웹·디자인 작업의 색상 코드 확인에 쓰세요.

색상 선택기 사용법

색을 눈으로 고르고 HEX·RGB·HSL 코드를 얻습니다. 디자인 시안의 색을 코드로 옮길 때 씁니다.

  1. 색을 고릅니다

    색 영역을 끌어 원하는 색조와 밝기를 맞춥니다.

  2. 코드를 확인합니다

    HEX·RGB·HSL 표기가 함께 나옵니다.

  3. 복사합니다

    미리보기 위에 마우스를 올리거나 키보드로 이동하면 복사 버튼이 나타납니다.

자주 묻는 질문

화면의 색을 찍어 올 수 있나요?
이 도구는 색을 직접 고르는 방식입니다. 화면에서 색을 뽑아야 한다면 운영체제의 색 추출 기능이나 브라우저 개발자 도구를 쓰세요.
고른 색으로 배색을 만들고 싶어요
색상 팔레트 추천에 그 색을 넣으면 어울리는 조합을 만들어 줍니다. 글자색으로 쓸 거라면 색상 대비 검사로 읽히는지 확인하세요.

생성기 다른 도구