🎨 색상 변환기 — HEX, RGB, HSL

🎯 색상 팔레트

🕐 최근 색상

즉시 변환

HEX, RGB, HSL 형식 간을 실시간으로 변환합니다. 어떤 형식이든 입력하고 다른 두 가지 형식을 즉시 얻으세요.

시각적 선택기

대형 실시간 미리보기 견본을 통해 직관적인 색상 선택을 위한 내장 색상 선택기.

색상 팔레트

보색, 유사, 삼원색 및 분할 보색 색상 구성표를 자동 생성합니다.

원클릭 복사

한 번의 클릭으로 모든 색상 형식을 클립보드에 복사할 수 있습니다. 빠르고 사용하기 쉽습니다.

색상의 역사

빠른 액세스 및 재사용을 위해 최근 사용한 색상을 자동으로 저장합니다.

완전 오프라인

모든 처리는 귀하의 브라우저에서 이루어집니다. 인터넷이 필요하지 않으며 데이터가 업로드되지 않습니다.

관련 기사

색상 모델 설명: RGB, HSL, HEX

RGB, HSL, HEX 및 기타 색상 모델의 원리와 차이점에 대해 자세히 알아보세요. 디자인의 색상을 정밀하게 제어하기 위해 다양한 색상 공간이 어떻게 작동하는지 이해합니다.

초보자 가이드 (영어)

디자이너를 위한 색상 이론 필수 사항

색상 이론은 디자인의 기초입니다. Itten 색상환에서 최신 색상 시스템까지 모든 디자이너에게 필요한 필수 색상 지식과 실용적인 팔레트 기술을 익히세요.

디자인 이론 (영어)

접근성 높은 색상 대비 가이드: WCAG 표준 충족

WCAG 색상 대비 표준과 시각 장애가 있는 사용자를 포함하여 모든 사용자에게 웹사이트를 친숙하게 만드는 접근 가능한 색상 팔레트를 선택하는 방법에 대해 알아보세요.

접근성 (영어)

브랜딩의 색상 심리학: 색상으로 이야기하기

다양한 색상은 다양한 감정적 반응을 불러일으킵니다. 색상 심리학이 브랜드 디자인에 어떻게 적용되는지 살펴보고 브랜드 아이덴티티를 가장 잘 전달하는 색상을 선택하는 방법을 알아보세요.

브랜딩 (영어)

자주 묻는 질문

HEX, RGB, HSL의 차이점은 무엇입니까?
HEX는 웹 CSS에서 일반적으로 사용되는 16진수 색상 코드(예: #FF5733)입니다. RGB는 빨간색, 녹색, 파란색 값(0-255)을 사용하여 색상을 나타냅니다. HSL은 색조, 채도 및 밝기를 사용하여 색상을 보다 직관적으로 조정할 수 있습니다.
보색이란 무엇입니까?
보색은 색상환에서 180° 떨어져 있는 두 가지 색상입니다. 이는 강한 시각적 대비를 만들어내고 디자인에서 눈에 띄어야 하는 요소에 자주 사용됩니다.
좋은 색 구성표를 선택하려면 어떻게 해야 합니까?
팔레트 생성기를 사용하세요. 유사 배색은 조화롭고 미묘하며, 보색 배색은 강한 대비를 제공하고, 삼원 배색은 풍부하면서도 균형 잡힌 색상 다양성을 제공합니다. 디자인 목표에 따라 선택하세요.
색상 기록은 얼마나 오래 저장되나요?
색상 기록은 브라우저의 localStorage에 저장됩니다. 수동으로 지우거나 브라우저 데이터를 지울 때까지 지속됩니다.
투명성(알파)을 지원합니까?
현재 표준 HEX(6자리), RGB 및 HSL 형식을 지원합니다. 알파 투명도의 경우 HEX(예: #FF573380)에 두 자리 숫자를 수동으로 추가하거나 rgba() 형식을 사용할 수 있습니다.
HEX를 RGB 및 HSL로 어떻게 변환합니까?

HEX 입력에 유효한 색상 값을 입력하세요. 이 도구는 스타일시트에 복사할 수 있는 해당 RGB 및 HSL 값을 표시합니다.

코드를 변환하는 동안 색상을 미리 볼 수 있나요?

예. 색상 미리보기는 입력된 값으로 업데이트됩니다. 지원되는 다른 형식을 읽거나 복사하는 동안 색상을 비교하는 데 도움이 됩니다.