컬러 피커
색상 팔레트나 색 공간에서 컬러 코드를 가져오기
특징
6종의 컬러 코드 지원
HEX·RGB·HSV·HSL·Lab·CMYK를 상호 변환
컬러 맵으로 직관적 선택
채도·명도 맵과 색상 바로 시각적으로 색을 지정
조작이 모든 형식에 즉시 반영
어느 형식에서 조정해도 다른 형식의 값이 연동되어 갱신
변환 결과를 일괄 복사
모든 형식의 값을 표에서 동시에 확인하여 원클릭 획득
사용 방법
컬러 맵으로 색을 선택
컬러 맵(채도·명도)을 드래그하고, 색상 바로 색감을 조정하여 기준 색을 지정
탭으로 입력 형식을 전환
HEX·RGB·HSV·HSL·Lab·CMYK 탭을 선택하고, 숫자 입력이나 슬라이더로 미세 조정
미리 보기로 색을 확인
선택한 색이 미리 보기 영역에 크게 표시되고, HEX 코드도 확인 가능
복사 버튼으로 값을 가져오기
목록 표에서 필요한 형식의 복사 버튼을 누르고, 값을 클립보드로 가져오기
활용 사례
웹 디자인의 배색 결정
사이트나 배너의 색을 시각적으로 선택하고, CSS에서 사용할 HEX·RGB 값을 가져오기
인쇄물의 CMYK 색 지정
전단지나 명함 제작에서 화면용 RGB 값을 CMYK 값으로 변환하여 입고 준비
기업 색상의 관리
브랜드 색상의 HEX 값을 기준으로 매체별 RGB·CMYK 표기를 통일
배색 변형 검토
기준 색의 채도나 명도만 바꾸어 농담이 다른 동계색을 빠르게 작성
기초 지식
컬러 코드(HEX)란
컬러 코드란 색을 "#FF0000"과 같이 16진수 6자리로 나타내는 표기법으로, 2자리씩 빨강·초록·파랑의 강도(00〜FF)에 대응합니다.
색 표현 방식의 차이
- RGB：RGB란 빨강·초록·파랑의 빛의 삼원색을 섞어 색을 만드는 방식으로, 컴퓨터나 스마트폰 등 화면상의 색 지정에 사용됩니다.
- CMYK：CMYK란 시안·마젠타·노랑·검정의 잉크를 조합해 색을 만드는 방식으로, 인쇄물의 색 지정에 사용됩니다.
- HSL·HSV：HSL·HSV란 색상·채도·명도의 3가지 요소로 색을 나타내는 방식으로, "같은 색감을 조금 더 어둡게"와 같은 직관적인 조정에 적합합니다.
안전성과 개인정보 보호
브라우저 내 처리
입력 데이터는 사용 중인 브라우저 내에서만 처리되며 외부로 전송되지 않습니다.
브라우저 내에서만 처리
컬러 코드 변환는 모두 사용 중인 브라우저 내에서 처리되며, 입력 데이터는 서버로 전송되지 않습니다.
통신은 HTTPS로 암호화
페이지 로드도 TLS로 암호화되어 제3자가 내용을 읽을 수 없습니다.
제3자로의 전송 없음
광고 네트워크나 트래커 등 외부 서비스로 입력 내용을 전송하지 않습니다.
결과 자동 저장 없음
선택한 색나 입력 제안을 서버에 저장하지 않습니다.
Google 검색에서 RAKKOTOOLS 팔로우하기
175개의 편리한 도구를 Google 검색·AI 검색에서 더 쉽게 찾을 수 있습니다!
- 검색에서 발견
- AI 검색에서도 표시
- 새 도구도 발견
업데이트 정보
- update #34
컬러 피커의 Lab 탭에서 다른 값이 움직이는 불량을 수정