LogoSTACKBAY

색상 선택기

HEX, RGB, HSL 형식으로 색상을 선택하고 복사하세요

Loading...

색상 선택기란?

색상 선택기는 색상을 시각적으로 선택하고 HEX, RGB, HSL과 같은 다양한 형식으로 값을 얻을 수 있는 도구입니다. 웹 디자인, 그래픽 디자인, 개발 프로젝트에 필수적입니다.

색상 선택기를 사용하는 이유

  • 다양한 색상 형식 지원 (HEX, RGB, HSL, HSV, CMYK)
  • 원클릭 클립보드 복사
  • 자동 색상 조화 제안
  • 자주 사용하는 색상 저장
  • 최근 사용한 색상 추적
  • 화면의 모든 곳에서 색상 선택 가능

색상 선택기 사용 방법

  1. 1색상환을 클릭하거나 색상 입력을 사용하여 원하는 색상을 선택하세요
  2. 2여러 형식(HEX, RGB, HSL, HSV, CMYK)으로 색상 값을 확인하세요
  3. 3형식 옆의 복사 버튼을 클릭하여 색상 코드를 복사하세요
  4. 4보색, 유사색, 삼각 배색 등 색상 조화를 탐색하세요
  5. 5자주 사용하는 색상을 저장하여 빠르게 접근하세요
  6. 6스포이드 도구를 사용하여 화면 어디서든 색상을 선택하세요 (Chrome, Edge, Opera만 지원 - Safari/Firefox 미지원)

기술적 세부사항

다양한 용도를 위한 여러 색상 공간 지원

실시간 미리보기로 정확한 색상 선택

브라우저에 색상 기록을 로컬로 저장

데스크톱과 모바일에서 완벽하게 작동

주요 사용 사례

  • 웹 디자인 및 CSS 스타일링
  • 그래픽 디자인 및 디지털 아트
  • 브랜드 색상 선택 및 관리
  • UI/UX 디자인 및 프로토타이핑
  • 프론트엔드 개발 색상 구현
  • 접근성을 위한 색상 대비 확인

프로 팁

💡 조화로운 디자인 팔레트를 위해 색상 조화 탐색

💡 더 쉬운 색상 조정을 위해 HSL 사용

💡 일관된 사용을 위해 브랜드 색상 저장

💡 스포이드 버튼을 클릭하여 화면에 보이는 모든 색상을 선택

💡 투명도 효과를 위해 알파 채널 활용

색상 모드 설명

HEX

HEX (16진수) - 웹 디자인과 CSS에서 사용하는 6자리 코드. 형식: #RRGGBB (빨강, 초록, 파랑 각각 00-FF)

RGB

RGB (빨강, 초록, 파랑) - 빛의 삼원색 기반 색상 모델. 각 채널은 0-255 범위. 디지털 디스플레이와 CSS에서 사용

HSL

HSL (색상, 채도, 명도) - 직관적인 색상 모델. 색상은 각도(0-360°), 채도는 색의 강도(0-100%), 명도는 밝기(0-100%)

HSV

HSV (색상, 채도, 명도) - HSL과 유사하지만 명도 대신 값(Value) 사용. 포토샵 등 디자인 소프트웨어에서 인기. HSB라고도 함

CMYK

CMYK (시안, 마젠타, 노랑, 검정) - 인쇄에서 사용하는 감산혼합 색상 모델. 각 값은 잉크 비율(0-100%)을 나타냄