컬러 피커 | 사용법·입력·결과 해설
브라우저 색상 선택기에서 고른 색을 HEX·RGB·HSL로 함께 읽습니다. HSL의 색상각과 채도·명도를 보면 같은 색의 표기법이 어떻게 달라지는지 비교할 수 있습니다.
- 브라우저에서 실행
- 업로드되지 않음
- 가입 없음, 기기 성능에 따라 제한될 수 있음
계산 도구를 불러오는 중입니다. 도구가 표시되지 않으면 페이지를 새로고침하세요.
사용 방법과 입력
색상 선택기를 열거나 HEX 입력을 수정하세요. RGB와 HSL 출력은 선택한 색의 설명이며 HSL 숫자를 직접 조절하는 별도 슬라이더가 있는 것은 아닙니다.
결과 해설과 예제
순수 빨강 #ff0000은 RGB 255, 0, 0과 HSL 0°, 100%, 50%로 나타납니다. HSL 값은 정수로 반올림되어 다시 변환하면 미세한 차이가 생길 수 있습니다.
입력·결과 예시
순수 빨강 #ff0000은 RGB 255, 0, 0과 HSL 0°, 100%, 50%로 나타납니다. HSL 값은 정수로 반올림되어 다시 변환하면 미세한 차이가 생길 수 있습니다.
한계와 주의사항
- 화면 밖의 색을 채집하는 스포이드가 아니라 선택한 색을 변환합니다.
- 대비율이나 색각 이상 시뮬레이션은 계산하지 않습니다.
입력 항목
| 항목 | 설명·제약 |
|---|---|
| 색 선택 | 화면의 단위와 입력 형식을 확인하세요. |
| HEX | 화면의 단위와 입력 형식을 확인하세요. |
| RGB | 화면의 단위와 입력 형식을 확인하세요. |
| HSL | 화면의 단위와 입력 형식을 확인하세요. |
데이터 처리
처리는 현재 브라우저 탭에서 수행되며, 도구 입력을 계산 목적으로 서버에 업로드하지 않습니다.
근거 출처
자주 묻는 질문
빨강은 HSL로 어떻게 표시되나요?
순수 빨강 #ff0000은 RGB 255, 0, 0과 HSL 0°, 100%, 50%로 나타납니다. HSL 값은 정수로 반올림되어 다시 변환하면 미세한 차이가 생길 수 있습니다.
이 색이 접근성 대비 기준을 만족하나요?
화면 밖의 색을 채집하는 스포이드가 아니라 선택한 색을 변환합니다. 대비율이나 색각 이상 시뮬레이션은 계산하지 않습니다.
