색상 선택기 및 변환기

네 — 가입, 계정, 사용 제한 없이 완전히 무료입니다. 완전히 브라우저에서 실행되므로 선택, 붙여넣기, 샘플링한 색상이 기기를 벗어나지 않습니다. 설치할 것도 없고 구독도 필요 없습니다. 변환, 스포이트, 이미지 선택기, WCAG 대비 검사, 색조 및 음영, 색맹 시뮬레이션, 색상 구성표 생성 등 모든 기능이 계정 없이 첫 방문부터 무료로 이용 가능합니다.

HEX 필드에 hex 코드(# 포함 여부 무관)를 붙여넣으면 RGB, HSL, HSV, CMYK, OKLCH 값이 즉시 업데이트됩니다. 예를 들어 #3b82f6을 붙여넣으면 RGB 필드에 rgb(59, 130, 246), HSL 필드에 hsl(217, 91%, 60%)이 즉시 표시됩니다. 모든 형식은 동기화 상태를 유지하므로 색상을 한 번만 입력하면 됩니다. 변환은 양방향으로 이루어집니다: RGB 값을 입력하면 HEX와 모든 다른 필드가 같은 방식으로 업데이트됩니다.

이 도구는 6가지 형식 간을 양방향 변환합니다: HEX(HTML과 CSS에서 사용하는 #rrggbb 코드), RGB(적-녹-청 값 0~255), HSL(색상 0~360°, 채도 및 명도 백분율), HSV/HSB(색상-채도-밝기, 대부분의 디자인 앱 색상 선택기에서 사용하는 모델), CMYK(인쇄 미리보기를 위한 시안-마젠타-옐로-블랙 백분율), OKLCH(현대적인 지각적 균일 색공간). 어떤 필드를 변경해도 나머지 5개가 즉시 업데이트됩니다.

네 — 이것은 완전한 이미지 색상 선택기입니다. 사진을 업로드하거나, 드래그 앤 드롭하거나, 클립보드에서 붙여넣기(Ctrl+V / Cmd+V)하고, 이미지 위로 커서를 이동하여 클릭하면 픽셀의 정확한 색상을 캡처할 수 있습니다. 내장된 확대경이 픽셀 정밀도의 선택을 위해 확대해 줍니다. 이미지는 HTML 캔버스를 사용하여 브라우저에서 로컬로 처리되며 어떤 서버에도 업로드되지 않습니다.

있습니다. WCAG 대비 검사기는 선택한 색상과 흰색 및 검정색 배경 사이의 휘도 기반 대비율을 계산하고, 일반 텍스트, 큰 텍스트, UI 구성 요소에 대한 AA 및 AAA 통과/실패 배지를 표시합니다. WCAG AA는 일반 텍스트에 4.5:1(큰 텍스트는 3:1)을 요구하고, WCAG AAA는 7:1(큰 텍스트는 4.5:1)을 요구합니다. 색상 필드를 조정하면 실시간으로 업데이트됩니다.

OKLCH는 CSS Color Level 4에서 도입된 현대적인 지각적 균일 색공간입니다. 같은 수치 변화가 인간의 눈에 동등하게 지각되는 차이를 만들지 못하는 RGB나 HSL과 달리, OKLCH는 밝기 값(L)을 고정량만큼 증감시키면 색상에 관계없이 시각적으로 일관된 결과가 나오도록 보정되어 있습니다. 이를 통해 접근성 있고 균형 잡힌 색상 팔레트를 구성하기에 이상적입니다. OKLCH는 광색역 색상(Display P3)도 표현할 수 있으며 현대 브라우저에서 기본 지원됩니다.

네. 도구 전체가 최신 모바일 브라우저 — iPhone/iPad의 Safari와 Android의 Chrome — 에서 실행됩니다. 색상환, 형식 입력 필드, 이미지 색상 선택기, WCAG 대비 검사기, 색조/음영 스케일, 색상 구성표 생성기가 모두 모바일에서 정상적으로 작동합니다. 화면 스포이트는 모바일 브라우저에서 사용할 수 없습니다(데스크톱 Chrome/Edge 전용 API입니다). 그러나 이미지 선택기와 클립보드 붙여넣기는 모바일에서 완벽하게 작동합니다.