색상 선택기

색상을 선택하고 HEX, RGB, HSL 값을 확인한 다음 브라우저에서 관련 색상 조화와 변형을 바로 만들어 보세요.

색상 선택

색상 선택

색상 조화

색상 변형

밝은 색조

어두운 색조

What this tool does

색상 선택기를 사용하면 기본 색상 컨트롤 또는 HEX 값으로 색상을 선택하고 해당 RGB 및 HSL 값을 확인할 수 있습니다.

선택한 색상에서 관련 색상 조화와 더 밝거나 어둡거나 중립적인 변형을 계산합니다.

How to use the tool

  1. 색상 컨트롤로 색상을 선택하거나 완전한 HEX 값을 입력하세요.
  2. 같은 HSL 계산으로 만든 관련 색상을 보려면 조화 유형을 선택하세요.
  3. 팔레트의 색상 값을 클릭하여 클립보드에 복사하세요.

Useful applications

  • 관련 HEX, RGB 및 HSL 값과 함께 디자인의 기본 색상을 기록합니다.
  • 보색 또는 삼색 조화를 바탕으로 인터페이스의 초기 강조 색상이나 보조 색상을 선택합니다.
  • 배경, 테두리 또는 강조 요소의 상태에 사용할 더 밝고 어두운 값을 준비합니다.

Notes and limitations

  • 미리보기는 일반적인 브라우저 색상 값을 사용하며 개별 모니터, 인쇄 또는 ICC 프로필은 고려하지 않습니다.
  • 계산된 팔레트는 대비나 접근성을 확인하지 않습니다. 중요한 텍스트와 배경 조합은 별도로 검토하세요.

Frequently asked questions

추천 색상 팔레트는 자동으로 접근성을 충족하나요?

아니요. 조화와 변형은 색상 값으로 계산됩니다. 사용하려는 모든 텍스트와 배경 조합의 실제 대비를 확인하세요.