컬러 피커

컬러 피커는 같은 색상을 개발과 디자인에서 쓰는 여러 좌표계로 변환합니다. 변환과 팔레트 작업은 현재 브라우저에서만 이뤄집니다.

색상 형식

HEX와 RGB는 빨강·초록·파랑 채널을, HSL과 HSV는 색상·채도와 밝기 개념을 사용합니다.

• HEX8의 마지막 두 자리는 00부터 FF까지의 알파값입니다.
• HSL의 L은 명도, HSV의 V는 세 채널 중 가장 큰 값을 기준으로 한 밝기입니다.
• 불투명도는 RGBA·HSLA·HEX8에만 반영됩니다.

조화 색상

보색은 색상환의 반대, 유사색은 ±30도, 삼각 조화는 120도 간격으로 만듭니다.

• 자동 조화는 시작점이며 실제 사용 비율과 대비를 별도로 조정해야 합니다.
• 조화 색상을 클릭하면 기본 색상으로 바뀌어 다시 변환할 수 있습니다.
• 미리보기 글자색은 명도에 따라 검정 또는 흰색으로 자동 변경됩니다.

팔레트 활용법

선택한 색상을 순서대로 모아 프로젝트의 임시 색상 토큰을 만들 수 있습니다.

• 팔레트 색상을 클릭하면 다시 선택하고 두 번 클릭하면 해당 색상을 삭제합니다.
• CSS 변수 복사는 --color-1 같은 이름으로 :root 블록을 생성합니다.
• 완성된 팔레트는 색상 대비 검사기에서 본문·배경 조합을 확인하세요.

주의사항

화면의 색상은 모니터, 색상 프로필과 브라우저에 따라 실제 인쇄물과 다르게 보일 수 있습니다.

• 화면 색상 추출은 지원 브라우저와 사용자 권한이 필요합니다.
• 알파 색상은 실제 배경과 합성된 최종 색상으로 대비를 판단해야 합니다.
• 색만으로 정보나 상태를 구분하지 말고 문구·모양을 함께 사용하세요.