어떤 입력 형식을 지원하나요?

#이 있거나 없는 HEX (3자리 또는 6자리), rgb()/rgba(), hsl()/hsla() 구문을 지원합니다.

기본 색상 변환기와 무엇이 다른가요?

이 도구는 개발자 출력에 집중합니다. CSS, SwiftUI, Android, Flutter용 바로 붙여넣기 코드와 HSV, CMYK를 제공합니다.

CMYK가 인쇄에 정확한가요?

표준 수학적 변환입니다. 정확한 인쇄 출력을 위해서는 인쇄 업체의 색상 관리 프로파일을 사용하세요.

HSV란 무엇인가요?

색조, 채도, 명도 — 일부 디자인 도구에서 HSB라고 부르는 모델입니다. 색상 선택 및 조정에 유용합니다.

내 색상이 업로드되나요?

아니요. 모든 변환이 브라우저에서 이루어지며 기기 밖으로 나가지 않습니다.

색상 형식 변환기

색상

색상 값

HEX#3498DB

RGB52, 152, 219

HSL204, 70%, 53%

HSV204, 76%, 86%

CMYK76, 31, 0, 14

코드 스니펫

CSS hex#3498db

CSS rgb()rgb(52, 152, 219)

CSS hsl()hsl(204, 70%, 53%)

SwiftUIColor(red: 0.204, green: 0.596, blue: 0.859)

Android XML<color name="color">#3498DB</color>

FlutterColor(0xFF3498DB)

사용 방법

HEX, rgb() 또는 hsl() 형식으로 색상을 붙여넣습니다.
실시간 미리보기에서 각 형식의 값을 확인합니다.
작업 중인 플랫폼용 코드 스니펫을 복사합니다.

작동 원리

어떤 구문을 사용하든 입력 값이 빨강, 초록, 파랑 구성 요소로 분석됩니다. 해당 값에서 도구가 다른 모델을 계산합니다. HSL과 HSV는 색조, 채도, 명도를 나타내며, CMYK는 인쇄 지향 시안-마젠타-노랑-검정 모델입니다. 각 플랫폼 스니펫은 해당 언어의 정확한 구문으로 작성되므로 코드에 바로 붙여넣을 수 있습니다.

기능

5가지 색상 모델

모든 색상의 HEX, RGB, HSL, HSV, CMYK를 한번에 확인합니다.

바로 복사 가능한 코드

CSS, SwiftUI, Android XML, Flutter 스니펫을 가져옵니다.

유연한 입력

HEX (3자리 또는 6자리), rgb(), hsl() 구문을 지원합니다.

프라이빗 & 즉시

모든 변환이 브라우저에서 실행되며 아무것도 업로드되지 않습니다.

활용 상황

웹 개발

CSS를 위해 hex, rgb(), hsl() 간에 색상을 전환할 때.

모바일 앱

SwiftUI, Android 또는 Flutter에 맞는 색상 리터럴을 얻을 때.

인쇄

인쇄 지향 작업을 위한 CMYK 구성 값을 확인할 때.

디자인에서 코드로

디자인 색상을 필요한 정확한 코드로 변환할 때.

참고 사항

HSV는 일부 디자인 도구에서 HSB라고도 불립니다.
여기서 CMYK는 단순 수학 변환이며 색상 관리 프로파일이 아닙니다.
Android 및 Flutter 스니펫은 완전히 불투명한 색상을 가정합니다.
모든 변환이 내 기기에서 실행되며 아무것도 업로드되지 않습니다.

자주 묻는 질문

어떤 입력 형식을 지원하나요?: #이 있거나 없는 HEX (3자리 또는 6자리), rgb()/rgba(), hsl()/hsla() 구문을 지원합니다.
기본 색상 변환기와 무엇이 다른가요?: 이 도구는 개발자 출력에 집중합니다. CSS, SwiftUI, Android, Flutter용 바로 붙여넣기 코드와 HSV, CMYK를 제공합니다.
CMYK가 인쇄에 정확한가요?: 표준 수학적 변환입니다. 정확한 인쇄 출력을 위해서는 인쇄 업체의 색상 관리 프로파일을 사용하세요.
HSV란 무엇인가요?: 색조, 채도, 명도 — 일부 디자인 도구에서 HSB라고 부르는 모델입니다. 색상 선택 및 조정에 유용합니다.
내 색상이 업로드되나요?: 아니요. 모든 변환이 브라우저에서 이루어지며 기기 밖으로 나가지 않습니다.