색상 선택기

이 도구는 무엇인가요?

시각적으로 색상을 선택하고 HEX, RGB, HSL 형식 간에 변환합니다. CSS와 디자인 도구에 바로 사용할 값을 복사하세요.

색상 선택기 — HEX, RGB, HSL는 색상 값을 시각적으로 선택하거나 파생 색상을 계산해 CSS와 디자인 시스템에서 바로 쓸 수 있는 형태로 보여줍니다. HEX, RGB, HSL 같은 색 공간은 같은 색을 서로 다른 좌표로 표현합니다.

UI 시안, 디자인 토큰, CSS 변수, 색상 조합을 빠르게 확인하고 복사해야 할 때 적합합니다.

사용 방법

1. 기준 색상을 선택하거나 HEX 값을 입력합니다.
2. 계산된 색상 값이나 팔레트를 확인합니다.
3. 필요한 HEX, RGB, HSL 또는 CSS 값을 복사합니다.
4. 실제 배경과 텍스트에서 대비와 접근성을 함께 확인합니다.

예시

관련 도구와 개념

• MDN CSS color values
• 색상 팔레트 생성 — 조화 & 테마
• CSS 단위 변환 — px, rem, em & pt