색상 도구
웹사이트, 그래픽 및 디자인 시스템을 위한 색상을 변환, 조정, 혼합 및 생성하세요.
빠른 접근
모두 보기
색상 변환기
색 하나를 HEX, HEX8, RGB, RGBA, HSL, HSLA로 변환하고 알파를 확인한 뒤 CSS 값을 복사하세요.
온라인 색상 밝기 조절 도구
HEX, RGB, HSV, HSL 값을 지원하는 색상 패널과 포인터 선택기로 기준 색상을 고르고, 0~100% 슬라이더로 밝기 비율을 지정하여 흰색 방향으로 선형 보간한 밝은 색을 생성합니다.
RGB 그라데이션 팔레트 생성기
재현 가능한 색상 램프를 만들고, 생성된 모든 중간 색상을 미리 본 다음 CSS, 차트 또는 디자인 토큰에 사용할 정확한 HEX 시퀀스를 복사하세요.
색상 어둡게
불투명한 색상을 선택한 비율로 검정과 혼합한 뒤 결과 색상을 확인하거나 편집하세요.
색상 채도 조절기
단일 색상의 HSL 채도를 퍼센트포인트로 조절하고 결과를 수동 편집한 뒤 결과 텍스트를 복사하세요.
색상 회색조 변환기
단일 불투명 색상의 HSL 채도를 0으로 설정해 회색으로 변환하고 HEX, RGB, HSV, HSL 값을 복사하세요.
색상 반전
불투명한 색상 하나의 각 RGB 값을 255에서 빼서 반전하고 결과를 미리 보고 복사합니다.
랜덤 색상 생성기
완전 무작위 RGB, 제한 RGB 또는 제한 HSL 모드에서 브라우저 로컬 색상을 생성하고 HEX, RGB, HSL 값을 보고합니다.
색상 혼합기
두 개의 불투명 sRGB 색상을 지정된 비율로 혼합하여 정확한 HEX 결과를 제공합니다.
색상 회전
단일 불투명 색상의 HSL 색조를 회전시켜 새 색상을 만드는 도구입니다.
온라인 3색 구성 도구
기본 색상 하나를 선택하면 120도 간격으로 배치된 세 가지 색상(3색 구성)을 생성하는 무료 온라인 도구입니다. HEX, RGB, HSV, HSL 값을 직접 입력하거나 색상 선택기로 조정할 수 있으며, 생성된 각 색상 패널은 독립적으로 편집할 수 있습니다.
온라인 4색 구성 도구
이 도구는 디자인 프로젝트에서 사용할 수 있는 4색 조화 팔레트를 빠르게 생성합니다.
온라인 보색 도구
기준 색상으로 HSL 보색 쌍을 만듭니다. HEX, RGB, HSV, HSL 값을 조절하고 생성된 두 색상을 각각 편집할 수 있습니다.
온라인 분할 보색 도구
기준 색상의 보색 양옆 30도 색상 두 개를 함께 생성하여 세 가지 색상 팔레트를 만드는 무료 로컬 도구입니다.
온라인 유사 색상 구성 도구
기본 색상을 선택하고 색상 간격을 조절하여 유사 색상 3종을 생성하는 무료 온라인 도구입니다.
온라인 단색 팔레트 생성기
기준 색상의 HSL 밝기를 바꾸어 3~12개 음영을 생성하고 각 결과를 편집하거나 팔레트 텍스트를 복사하세요.
온라인 사각형 색상 구성 도구
기준색을 정하고 생성 버튼을 눌러 HSL 색조가 90도 간격인 네 가지 색상을 만드세요. HEX, RGB, HSV, HSL 입력과 각 결과색의 독립 편집을 지원합니다.
온라인 이미지 색상 선택기
이미지의 특정 픽셀 색상을 클릭 한 번으로 HEX 및 RGB 값으로 확인하세요.
이미지로 색상 팔레트 만들기
이미지에서 위치별 색상을 골라 1~20색 팔레트를 만들고 CSS, 코드, SVG 또는 PNG로 내보냅니다.
온라인 일괄 이미지 색상 추출 도구
최대 30개의 이미지를 한 번에 업로드하고 각 이미지에서 클릭 한 번으로 색상을 추출하여 팔레트를 만들고 CSS, SVG 등으로 내보낼 수 있는 무료 브라우저 기반 도구입니다.