색상 선택 도구
시각적으로 색상을 선택하고 정확한 16진수, RGB, HSL 및 HSV 코드를 즉시 생성합니다. 캔버스를 가로질러 드래그하여 색조를 탐색하거나, 색조와 불투명도를 조정하거나, 기존 색상 코드를 붙여넣어 실시간으로 형식을 변환할 수 있습니다. 설계 소프트웨어나 구성이 필요하지 않고 프로젝트의 정확한 색상 값을 몇 초 만에 선택, 변환 및 복사하기만 하면 됩니다.
색상 선택기
시각적으로 색상을 선택하거나, 불투명도를 조정하거나, HEX, RGB, HSL 또는 HSV 코드를 붙여넣을 수 있습니다. 네 가지 형식 출력은 모두 실시간으로 업데이트됩니다.
컬러 캔버스
색조
불투명도 - 100%
사전 설정
출력
색상 코드 붙여넣기
HEX, #RRGGBBAA, rgb(), rgba(), hsl(), hsla(), hsv(), hsb()를 허용합니다
모두 복사
hex: #398FE6 rgb: rgb(57, 143, 230) hsl: hsl(210, 78%, 56%) hsv: hsv(210, 75%, 90%)
비주얼 컬러 캔버스
채도-밝기 캔버스에서 십자선을 드래그하여 픽셀 단위로 정밀하게 음영을 선택할 수 있습니다.
4가지 포맷 출력
모든 선택 항목은 불투명도가 100% 미만일 때 알파를 포함하여 HEX, RGB, HSL 및 HSV 값을 즉시 생성합니다.
100% 비공개
모든 처리는 브라우저에서 이루어집니다. 색상 값은 서버로 전송되거나 기록되지 않습니다.
색상 선택 및 변환 방법
캔버스 드래그
색상 캔버스에서 아무 곳이나 클릭하거나 드래그하여 현재 색조의 채도와 밝기를 선택합니다.
색조 및 불투명도 조정
무지개 색조 막대를 사용하여 기본 색상을 변경하고 바둑판 불투명도 막대를 사용하여 투명도를 설정합니다.
출력 코드 읽기
HEX, RGB, HSL 및 HSV 값이 실시간으로 업데이트됩니다. 불투명도가 100% 미만인 경우 알파 채널이 코드에 포함됩니다.
모든 형식 복사
출력 행 옆에 있는 복사 버튼을 클릭하거나 아래 입력란에 알려진 색상 코드를 붙여넣으면 해당 색상으로 바로 이동합니다.
누가 색상 선택기를 사용하나요?
UI 및 웹 디자이너
브라우저에서 나가지 않고도 브랜드 색상을 샘플링하고 CSS, 테일윈드 또는 디자인 시스템에 대한 정확한 코드를 복사할 수 있습니다.
프론트엔드 개발자
CSS 사용자 정의 프로퍼티, Tailwind 임의 값 또는 캔버스 API를 위해 HEX와 RGB/HSL 간에 변환합니다.
그래픽 디자이너
피그마 또는 포토샵 HSB 값을 한 번에 웹에서 사용 가능한 HEX 또는 RGB 코드로 변환할 수 있습니다.
콘텐츠 제작자
썸네일, 프레젠테이션 또는 문서에 완벽한 강조 색상을 찾고 코드를 즉시 복사하세요.
접근성 검토자
정확한 색상 값을 확인하여 텍스트와 배경 쌍의 대비 비율 및 WCAG 준수 여부를 확인합니다.
AI 프롬프트 엔지니어
이미지 생성 프롬프트에서 색상을 설명할 때 정확한 16진수 코드를 식별하여 정확한 결과를 얻으세요.
끝없는 단조와 다른 색상 도구
즉시, 비공개, 형식 완성 - 전적으로 브라우저에서 작동합니다.
하나의 도구, 모든 색상 형식
더 많은 유틸리티 및 개발자 도구
RawConverterComment
PNG, JPG, WEBP, AVIF 등 다양한 형식의 이미지를 즉시 변환할 수 있습니다.
SVG 컨버터
래스터 이미지를 SVG 벡터 형식으로 변환하거나 SVG를 PNG/JPG로 내보냅니다.
PDF를 이미지로
PDF의 모든 페이지를 고해상도 PNG 또는 JPG 이미지로 추출합니다.
Image to PDF...
하나 이상의 이미지를 하나의 깨끗한 PDF 문서로 결합합니다.
텍스트 분석기
단어 수, 읽기 시간, 정서 및 가독성 점수를 분석합니다.
코드 포맷터
일관된 들여쓰기 및 스타일 규칙으로 지저분한 코드를 자동 포맷합니다.
Base64 인코더/디코더
URL 안전 모드 및 이미지 미리보기를 지원하여 텍스트 또는 파일을 Base64로 인코딩하고 Base64 문자열을 일반 텍스트로 다시 디코딩합니다.
자주 묻는 질문
5 질문에 대한 답변