색상 선택기
색상 선택 및 HEX, RGB, HSL 코드 얻기
브라우저에서 실행
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)빠른 색상
색상 선택기란?
색상 선택기는 다양한 형식(HEX, RGB, HSL)으로 색상 코드를 얻을 수 있는 온라인 유틸리티입니다. 디자이너, 개발자 및 프로젝트에서 색상 작업이 필요한 모든 사람에게 매우 유용합니다.
사용 사례
- 웹사이트 또는 앱 디자인용 색상 선택
- CSS용 HEX, RGB, HSL 색상 코드 얻기
- 브랜드 또는 프로젝트용 매칭 색상 찾기
- 다양한 색상 형식 간 변환
언제 사용하나요?
색상 선택, 색상 코드 얻기 또는 색상 형식 변환이 필요할 때 사용하세요. 웹 디자이너, UI/UX 디자이너, 프론트엔드 개발자에게 특히 유용합니다.
예시
브랜드 블루
입력
#1A6CF5
출력
- HEX
- #1A6CF5
- RGB
- rgb(26, 108, 245)
- HSL
- hsl(218, 92%, 53%)
따뜻한 포인트 색상
입력
#F4A261
출력
- HEX
- #F4A261
- RGB
- rgb(244, 162, 97)
- HSL
- hsl(27, 87%, 67%)
자주 묻는 질문
HEX, RGB, HSL의 차이는 무엇인가요?
같은 색을 서로 다른 방식으로 표현한 것입니다. HEX는 CSS에서 쓰는 간결한 형식이고, RGB는 빨강, 초록, 파랑 값을 0~255로 나타내며, HSL은 색상, 채도, 명도를 사용하므로 더 밝거나 어두운 색조를 쉽게 만들 수 있습니다.
색상 코드는 어떻게 복사하나요?
색을 선택한 다음, 필요한 HEX, RGB 또는 HSL 값 옆의 복사 버튼을 사용하세요.
HSL에서 다시 변환하면 색이 약간 달라질 수 있는 이유는 무엇인가요?
HSL 값은 정수로 반올림되므로 HEX로 다시 변환하면 한 단계 차이가 날 수 있습니다.