색상 선택기
색을 고르거나 원하는 형식으로 값을 입력하면 HEX, RGB, HSL이 서로 동기화됩니다. 모든 작업은 브라우저 안에서 처리됩니다.
색을 고르고 변환하는 법
- 피커를 드래그해 색을 고르거나, HEX·RGB·HSL 입력란에 값을 입력하세요.
- 나머지 두 형식이 즉시 맞춰 갱신되므로, 코드나 디자인 도구가 요구하는 표기법으로 같은 색을 읽을 수 있습니다.
- 어떤 값이든 한 번의 클릭으로 복사하세요.
- 방금 고른 색을 기억하는 “최근 색상” 줄에서 다시 골라 쓸 수 있습니다.
이럴 때 씁니다
도구마다 쓰는 표기법이 다릅니다. CSS는 보통 HEX를, 디자인 파일은 RGB를 쓰고, 같은 색조를 더 밝거나 덜 선명하게 다룰 때는 HSL이 편합니다. 값 하나를 넣고 나머지를 읽으면 손으로 변환할 일이 없습니다.
최근 색상 줄은 작은 팔레트를 짤 때 유용합니다. 몇 가지 색을 골라 눈앞에 두고, 작업하면서 스타일시트나 디자인에 하나씩 복사해 넣으세요. 다루는 색에 관한 어떤 정보도 브라우저를 벗어나지 않습니다.
자주 묻는 질문
어떤 색상 형식을 지원하나요?
HEX, RGB, HSL입니다. 어느 한 칸을 수정하면 나머지 두 칸과 색상 견본이 함께 갱신됩니다. 견본을 클릭하면 운영체제의 기본 색상 선택기도 열 수 있습니다.
입력란에 어떤 값을 붙여넣을 수 있나요?
HEX는 # 유무와 상관없이 3자리·6자리 모두 인식합니다. RGB와 HSL 칸은 숫자만 뽑아 읽으므로 “255, 0, 0”이나 “rgb(255 0 0)” 어느 쪽이든 동작합니다.
투명도(알파)도 지원하나요?
아니요. 이 도구는 순수 RGB만 다루며, 알파 채널이 포함된 8자리 HEX 값은 받아들이지 않습니다.
최근 색이 저장되나요?
네. 최근에 고른 색 12개가 선택기 아래에 작은 견본으로 표시되고, 클릭하면 다시 불러옵니다. 브라우저 로컬 저장소에 보관되어 다음 방문에도 남지만, 기기를 벗어나지 않습니다.
서버로 전송되는 것이 있나요?
아니요. 색 변환은 모두 브라우저 안에서 이루어지고, 최근 색은 기기에만 저장됩니다.