컬러 피커
색상 팔레트나 색 공간에서 컬러 코드를 가져오기
특징
6종의 컬러 코드 지원
HEX·RGB·HSV·HSL·Lab·CMYK를 상호 변환
컬러 맵으로 직관적 선택
채도·명도 맵과 색상 바로 시각적으로 색을 지정
조작이 모든 형식에 즉시 반영
어느 형식에서 조정해도 다른 형식의 값이 연동되어 갱신
변환 결과를 일괄 복사
모든 형식의 값을 표에서 동시에 확인하여 원클릭 획득
사용 방법
1
컬러 맵으로 색을 선택
컬러 맵(채도·명도)을 드래그하고, 색상 바로 색감을 조정하여 기준 색을 지정
2
탭으로 입력 형식을 전환
HEX·RGB·HSV·HSL·Lab·CMYK 탭을 선택하고, 숫자 입력이나 슬라이더로 미세 조정
3
미리 보기로 색을 확인
선택한 색이 미리 보기 영역에 크게 표시되고, HEX 코드도 확인 가능
4
복사 버튼으로 값을 가져오기
목록 표에서 필요한 형식의 복사 버튼을 누르고, 값을 클립보드로 가져오기
활용 사례
웹 디자인의 배색 결정
사이트나 배너의 색을 시각적으로 선택하고, CSS에서 사용할 HEX·RGB 값을 가져오기
인쇄물의 CMYK 색 지정
전단지나 명함 제작에서 화면용 RGB 값을 CMYK 값으로 변환하여 입고 준비
기업 색상의 관리
브랜드 색상의 HEX 값을 기준으로 매체별 RGB·CMYK 표기를 통일
배색 변형 검토
기준 색의 채도나 명도만 바꾸어 농담이 다른 동계색을 빠르게 작성
안전성과 개인정보 보호
브라우저 내 처리
입력 데이터는 사용 중인 브라우저 내에서만 처리되며 외부로 전송되지 않습니다.
브라우저 내에서만 처리
컬러 코드 변환는 모두 사용 중인 브라우저 내에서 처리되며, 입력 데이터는 서버로 전송되지 않습니다.
통신은 HTTPS로 암호화
페이지 로드도 TLS로 암호화되어 제3자가 내용을 읽을 수 없습니다.
제3자로의 전송 없음
광고 네트워크나 트래커 등 외부 서비스로 입력 내용을 전송하지 않습니다.
결과 자동 저장 없음
선택한 색나 입력 제안을 서버에 저장하지 않습니다.
업데이트 정보
- update #34
컬러 피커의 Lab 탭에서 다른 값이 움직이는 불량을 수정
불편 사항 수정컬러 피커