색상 변환기
브라우저에서 HEX, RGB, HSL, CMYK 색상을 즉시 변환하세요. 무료 색상 선택기와 변환기, 100% 프라이버시 보장.
1
HEX
#00E695
RGB
rgb(0, 230, 149)
RGBA
rgba(0, 230, 149, 1)
HSL
hsl(159, 100%, 45%)
HSLA
hsla(159, 100%, 45%, 1)
HSV
hsv(159, 100%, 90%)
HSVA
hsva(159, 100%, 90%, 1)
CMYK
cmyk(100%, 0%, 35%, 10%)
CMYKA
cmyka(100%, 0%, 35%, 10%, 1)
기능
100% 브라우저 기반
모든 색상 변환은 브라우저에서 이루어집니다. 데이터는 기기를 벗어나지 않습니다.
무료 & 회원가입 불필요
회원가입도, 사용 제한도, 숨은 요금도 없습니다.
즉시 결과 확인
입력하는 즉시 실시간 변환 — 모든 형식이 실시간으로 업데이트되는 모습을 직접 확인하세요.
시각적 색상 선택기 & 화면 스포이드
내장된 선택기로 색상을 시각적으로 고르거나, 클릭 한 번으로 화면 전체에서 원하는 색상을 가져오세요(데스크톱 Chrome/Edge 지원). 모든 형식이 동시에 업데이트됩니다.
색상 변환기는 어떻게 작동하나요?
- 입력 형식(HEX, RGB, HSL, CMYK)을 선택한 뒤 입력 필드에 색상 값을 입력하세요.
- 입력하는 즉시 변환기가 다른 모든 지원 형식으로 색상을 표시합니다.
- 시각적 색상 선택기에서 스펙트럼을 클릭하거나 값을 직접 입력해 색상을 선택하세요.
- "화면에서 추출"(데스크톱 Chrome/Edge) 기능으로 클릭 한 번에 화면에 보이는 색상을 가져오세요.
- 변환된 값은 클릭 한 번으로 클립보드에 복사되어 CSS나 디자인 도구에 바로 붙여넣을 수 있습니다.
- 마음껏 실험하세요 — ToolsMio는 모든 처리를 브라우저에서 수행하므로 색상 데이터는 비공개로 안전합니다.
주요 활용 사례
웹 디자인 & CSS
rgba(), hsla()처럼 투명도를 지원하는 CSS 속성에 쓸 수 있도록 HEX 색상을 RGB 또는 HSL로 변환하세요. ToolsMio는 형식 전환을 즉시 처리합니다.
브랜드 가이드라인 준수
다양한 디자인·인쇄 도구에서 사용하는 HEX, RGB, CMYK 형식 간 변환으로 플랫폼 전반에서 브랜드 색상의 일관성을 유지하세요.
접근성 & 대비 확인
색상을 HSL로 변환해 WCAG 대비 준수를 위한 명도와 채도를 더 정밀하게 분석하세요. 대비 비율 도구와 함께 사용하면 접근성 있는 디자인을 완성할 수 있습니다.
크로스 플랫폼 디자인 핸드오프
개발자와 디자이너는 서로 다른 색상 형식을 쓰는 경우가 많습니다. 형식을 빠르게 변환해 Figma의 HEX 값과 코드의 RGB 값 사이 간극을 메우세요.
색상 변환에 대해 알아두면 좋은 사항
- ✓ HEX와 RGB는 같은 색을 다른 표기법으로 나타낸 것입니다. HEX는 RGB 값을 16진수로 간략히 표기한 것이며, ToolsMio는 둘 사이를 무손실로 변환합니다.
- ✓ HSL(색조, 채도, 명도)은 각 채널이 사람이 인지할 수 있는 속성에 대응하기 때문에 색상을 조정할 때 더 직관적인 경우가 많습니다.
- ✓ CMYK는 주로 인쇄에 사용됩니다. RGB와 CMYK 색 공간의 색역이 다르기 때문에 화면과 인쇄물에서 색이 다르게 보일 수 있습니다.
- ✓ 배경 위 텍스트 색상을 고를 때는 항상 대비 비율을 확인하세요. WCAG 2.1은 일반 텍스트에 최소 4.5:1, 큰 텍스트에 3:1을 요구합니다.
- ✓ CSS에서 rgba()를 사용할 때 알파 값은 0(완전 투명)에서 1(완전 불투명) 범위이며, 이를 통해 요소의 투명도를 세밀하게 조절할 수 있습니다.
자주 묻는 질문
데이터가 서버로 전송되나요?
아니요. 모든 색상 변환은 JavaScript를 사용해 브라우저에서 전적으로 수행됩니다. 어떤 데이터도 업로드되거나 서버로 전송되지 않습니다. HEX 코드를 입력하거나 색상을 선택하면 브라우저가 네트워크 요청 없이 로컬에서 해당 RGB, HSL, CMYK 값을 계산합니다. 따라서 선택한 색상은 완전히 비공개로 유지되며, 저희 쪽에서는 아무것도 기록하거나 저장하거나 분석하지 않습니다. 독점 브랜드 색상이나 기밀 디자인 시스템을 다루고 있더라도, 데이터가 기기에 머문다는 확신을 가지고 ToolsMio를 사용할 수 있습니다. 페이지가 한 번 로드되면 도구가 오프라인에서도 작동하므로 인터넷 연결 없이도 색상 변환을 계속할 수 있습니다. 프라이버시는 저희의 최우선 가치입니다.
어떤 색상 형식을 지원하나요?
ToolsMio는 HEX, RGB, HSL, CMYK 네 가지 주요 색상 형식 간 변환을 지원합니다. HEX는 CSS와 HTML에서 사용하는 표준 약식 표기로, #FF5733처럼 6자리 코드로 색상을 나타냅니다. RGB(레드, 그린, 블루)는 색상을 0부터 255 사이의 세 숫자 값으로 표현하며 프로그래밍과 디지털 디자인에서 널리 쓰입니다. HSL(색조, 채도, 명도)은 인간의 지각을 기반으로 색을 더 직관적으로 표현해 명도나 채도를 조절하며 색상 변형을 만들기 쉽습니다. CMYK(시안, 마젠타, 옐로, 키/블랙)는 전문 인쇄와 그래픽 디자인에서 사용하는 색상 모델입니다. 네 가지 형식을 모두 지원하는 ToolsMio는 화면 기반 디자인과 인쇄 제작 사이의 간극을 메워 모든 매체와 작업 흐름에서 색상 일관성을 유지할 수 있게 합니다.
HEX를 RGB로 어떻게 변환하나요?
ToolsMio에서 HEX를 RGB로 변환하는 것은 아주 간단합니다. 입력 필드에 HEX 색상 코드(예: #00E5A0)를 붙여넣거나 입력하기만 하면 해당 RGB 값이 즉시 표시됩니다. 도구는 6자리 HEX 코드를 파싱해 빨강, 초록, 파랑 채널을 나타내는 세 쌍으로 나눈 뒤, 각 쌍을 16진수에서 10진수로 변환합니다. 코드를 입력하는 대신 내장 색상 선택기로 시각적으로 색을 고를 수도 있습니다. 색상 스펙트럼을 클릭하거나 특정 값을 입력하면 모든 형식 변환이 실시간으로 업데이트됩니다. 다른 형식에서 시작하고 싶다면 RGB, HSL, CMYK 값을 직접 입력하면 HEX 값이 나란히 표시됩니다. 클릭 한 번으로 결과를 클립보드에 복사해 CSS나 디자인 도구에 바로 사용하세요.
색상 선택기가 포함되어 있나요?
네! ToolsMio에는 색상 선택과 탐색을 간편하게 해주는 완전히 인터랙티브한 시각적 색상 선택기가 포함되어 있습니다. 색상 스펙트럼의 아무 곳이나 클릭해 색조를 고른 뒤 슬라이더로 명도와 채도를 조절할 수 있습니다. 선택기를 움직이면 HEX, RGB, HSL, CMYK 네 가지 형식이 모두 실시간으로 업데이트되어, 같은 색이 서로 다른 시스템에서 어떻게 표현되는지 정확히 확인할 수 있습니다. 디자인 목업이나 사진의 특정 색상과 맞춰야 할 때 특히 유용합니다. 형식 필드에 정확한 값을 직접 입력해 선택을 미세 조정할 수도 있습니다. 색상 선택기는 서버 의존 없이 브라우저에서 완전히 작동하므로, 프로젝트의 다양한 색상 조합을 실험하면서도 즉각적인 피드백과 완전한 프라이버시를 경험할 수 있습니다.
화면 어디에서나 색상을 추출할 수 있나요?
네. HEX 입력란 옆의 "화면에서 추출" 버튼을 클릭하면 화면 스포이드가 활성화됩니다(데스크톱 Chrome 및 Edge 지원). 커서가 돋보기로 바뀌어 다른 브라우저 탭, 다른 애플리케이션, 사진 등 화면에 보이는 모든 픽셀을 스크린샷 촬영이나 업로드 없이 샘플링할 수 있습니다. 클릭 한 번이면 샘플링한 색상이 모든 형식 필드(HEX, RGB, HSL, CMYK 등)에 즉시 채워집니다. Firefox나 Safari처럼 아직 EyeDropper API를 지원하지 않는 브라우저에서는 버튼이 자동으로 숨겨지며, 대신 HEX 코드를 붙여넣거나 시각적 색상 선택기를 사용하면 됩니다. 화면 샘플링은 전적으로 기기에서 이루어지며 어떤 이미지도 서버로 캡처, 저장, 전송되지 않으므로 과정 전체가 완전히 비공개로 유지됩니다.