Command Palette

Search for a command to run...

색상

색상 선택기 및 변환기

색상 선택 및 16진수, RGB 및 HSL 형식 간 변환

색상 선택기 및 변환기란 무엇입니까?

Color Picker & Converter는 시각적으로 색상을 선택하고 HEX, RGB 및 HSL을 포함한 인기 있는 색상 형식을 변환할 수 있는 무료 온라인 도구입니다. 웹 디자이너, 개발자, 그래픽 아티스트 및 디지털 색상으로 작업하는 모든 사람에게 필수적인 유틸리티입니다.

이 도구는 스펙트럼 선택기, 밝기 및 채도 컨트롤, 불투명도 슬라이더가 있는 대화형 색상 선택기를 제공합니다. 색상을 선택하면 해당 16진수 코드, RGB 값 및 HSL 값이 즉시 표시되어 프로젝트에 필요한 정확한 형식을 쉽게 얻을 수 있습니다.

기본 색상 선택 외에도 이 도구는 선택한 색상을 기반으로 보완, 유사 및 기타 색상 하모니 팔레트를 생성합니다. 이를 통해 웹사이트, 앱 및 디자인 프로젝트에 대한 응집력 있는 색 구성표를 빠르게 구축할 수 있습니다. 모든 처리는 설치가 필요 없이 브라우저에서 실행됩니다.

HEX,RGB 및 HSL 은 세 가지 색상 공간이 아닌 동일한 sRGB 색상을 작성하는 세 가지 방법이므로 두 색상 사이를 변환하는 것은 양방향에서 정확하고 무손실입니다. HSL 은 추론하기에 유용한 방법입니다. 색조를 유지하면서 밝기 또는 채도를 조정하면 색상이 동일한 제품군에 유지되므로 16 진수 편집으로는 훨씬 어렵습니다. 최신 CSS 는 oklch 및 display-p3 와 같이 sRGB 외부에 도달하는 표기법을 추가하고 이러한 표기법은 16 진수 값이 표시 할 수없는 색상을 설명 할 수 있습니다. 여기에 표현 된 모든 것은 모든 디스플레이가 표시 할 수있는 안전한 공통 기반 인 sRGB 내부에 머물러 있습니다. 브라우저가 하나를 제공하는 아이드로퍼는 소스 색상이 아닌 렌더링 된 픽셀을 샘플링하므로 스케일링되거나 색상 관리가 완료된 이미지에서 선택한 값은 원본 파일과 약간 다를 수 있습니다.

색상 선택기 및 변환기를 사용하는 방법은 무엇입니까?

  1. 색상 선택

    Visual Color Picker를 사용하여 스펙트럼을 클릭하거나, Hue 슬라이더를 조정하거나, 특정 색상 값을 임의의 형식으로 입력하여 색상을 선택합니다.

  2. 색상 값 보기

    16진수, RGB 및 HSL 형식으로 표시되는 선택된 색상을 동시에 참조하십시오. 색상을 조정하면 각 형식이 실시간으로 업데이트됩니다.

  3. 색상 하모니 탐색

    응집력 있는 팔레트를 만들기 위해 선택한 색상을 기반으로 보완, 유사, 3차 및 기타 색상 조화 제안을 봅니다.

  4. 색상 코드 복사

    색상 형식을 클릭하여 클립보드에 복사합니다. CSS, 디자인 도구 또는 응용 프로그램에서 직접 사용하십시오.

주요 특징

  • 알파 채널 지원

    8자리 HEX와 rgba를 읽고 쓰므로 투명도가 있는 색상은 알파를 잃지 않고 변환 후에도 살아남습니다

  • 다중 형식 변환

    단일 색상 선택으로 16진수, RGB 및 HSL 색상 형식을 즉시 변환

  • 시각적 색상 선택기

    정확한 색상 선택을 위한 색조, 채도 및 밝기 컨트롤이 있는 대화형 색상 스펙트럼

  • 색상 하모니 팔레트

    보완, 유사, 3차원 및 분할 보완 색 구성표를 자동으로 생성

Frequently Asked Questions

6자리 16진수 코드를 3개 쌍으로 나누고 각 쌍을 0에서 255까지 16진수로 읽습니다. #FF5733에서 FF는 255(빨간색), 57은 87(녹색), 33은 51(파란색)이며 RGB(255, 87, 51)를 제공합니다. 16진수 코드를 선택기에 붙여넣으면 RGB 및 HSL 값이 즉시 나타납니다.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

colorpickerconverterhexrgbhslpalettecomplementaryanalogous